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){
//错误的,发生错误的对象,错误的信息(字符串)
}