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生命周期
1.初期1 没有任何东西beforeCreate
2.初期2 变量定义created
3.初期3 methods方法 created()
4.初期4 渲染v-模板没有执行(beforeMount方法)
5.create vm 执行挂载 mounted()
6.运行阶段 更新数据 beforeUpdate(vue中data已经变化,页面没有) updated方法,可以执行多次
7.对象销毁 beforeDestroy() destroyed()销毁data methods,filter…组件不能用了

   errorCapture(err,instance,info){
          //错误的,发生错误的对象,错误的信息(字符串)
  
   }
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值