VUE源码解读
- Vue自定义事件 (未亲自试验,如果试验完成,请删除)
//注册一个全局的自定义事件
Vue.directive("focus",{
//inserted :被绑定元素插入父节点时调用 (仅保证父节点存在,但不一定已被插入文档中)。
inserted:funciton(el){
el.foucus()
}
})
2.注册一个局部组件的方法
// 局部组件
directives:{
focus:{
//指令的定义
inserted:function(el){
el.foucs()
}
}
}
3.在组件中写法
Vue,directive("hello",{
bind:function(el){
//只调用一次,指令第一次绑定在元素时调用。在这里可以进行一次性的初始化设置
console.log("触发了bind")
},
//被绑定元素插入父节点时调用(仅保证父节点存在,但不一定已被插入文档中)
inserted:function(el){
console.log("触发了inserted")
},
//所在组价VNODE 更新时调用
update:function(){
console.log("触发了inserted")
},
//指令所在组件VNODE 及其子VNODE 全部更新完成之后调用
componentUpdated:function(){
console.log("触发了componentUpdated")
},
//只在解绑的时候触发
unbind:function(){
console.log("出发了unbind")
}
})