vue2指令

1.常用自定义全局指令(定义不用v-,使用时加上v-)
el是原生js的dom对象
bind的函数只执行绑定一次:js的事件会被绑定而不会执行(操作样式)
inserted:直接执行js的函数(操作行为)
updated:更新元素时触发(增加删除)

 <input type="text"  v-ppt="'blue'">

   Vue.directive("ppt",{
	bind:function(el,blinding){
           el.style.color=blinding.value;
	},
	inserted:function(el){
		el.focus();
	},
	updated:function(el){
		el.style.color="red";
	}


});

	var vm=new Vue({
		el:"#myapp",
		data:{
			a:"111"
		}


	});

2.私有指令(只有当前vm对象可以使用)

var vm=new Vue({
	el:"#myapp",
	data:{
		a:"111"
	},
	directives:{
	  "mydir":{
	  		bind: function(el){
			el.style.color="red";
		}
	  }
		
	}


});

3.vue的生命周期