自定义私有指令
directives
作用: 自定义私有指令
语法:directives: { 指令的名字:{钩子函数(el, binding){...}} }
例:
var vm2 = new Vue({
el: '#app2',
data: {
dt: new Date()
},
directives: {
color: {
bind: function(el, binding) {
el.style.color = binding.value
}
}
}
})
如果我们只用
bind
或者update
这两个钩子函数的话,directives
的第二个参数可以不用写成对象的形式,直接写一个回调函数,上面改造如下:
var vm2 = new Vue({
el: '#app2',
data: {
dt: new Date()
},
directives: {
color: {
bind: function(el, binding) {
el.style.color = binding.value
}
},
size: function(el, binding) {
el.style.fontSize = binding.value
}
}
})