Vue源码解读第一小段--自定义函数

VUE源码解读

1. 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")
	}
})