1.局部指令
1.1对象式
(1).绑定成功触发
bind(元素,绑定对象){},
var vm = new Vue({
el:"#app",
data() {
return {}
},
directives:{
num:{
bind(element,binding){
console.log(element);
console.log(binding);
}
}
})
(2).插入页面触发
inserted(元素,绑定对象){},
var vm = new Vue({
el:"#app",
data() {
return {}
},
directives:{
num:{
inserted(element,binding){
console.log(element);
console.log(binding);
}
}
})
(3).元素解析触发(值改变)
update(元素,绑定对象){}
var vm = new Vue({
el:"#app",
data() {
return {}
},
directives:{
num:{
update(element,binding){
console.log(element);
console.log(binding);
}
}
})
1.2函数式
自带原先三个函数的内置方法
注意函数式指令名必须添加 " " 或 ’ ’
var vm = new Vue({
el:"#app",
data() {
return {}
},
directives:{
"num"(element,binding){
console.log(element);
console.log(binding);
}
}
})
2、全局指令
directive,需要定义在Vue实例之前
Vue.directive("num",function(element,binding){
console.log(this);
})