1.创建全局过滤器和私有过滤器
Vue.filter(‘过滤器函数’,函数),使用过滤器 .{{msg | 过滤器名称}}
2.创建全局指令和私有指令
Vue.directive(‘指令名称’,{
bind:function(el){},
inserted:funtion(el){},
updated:(el){}
})
3.生命周期函数:
beforecreate
created
beforemounte
mounted
beforeupdate
updated
beforedestroye
destroyed
filters: {//自定义私有过滤器
'datefilter': function (datestr) {
let date = new Date(datestr);
let year = date.getFullYear();
let month = date.getMonth() + 1;
let day = date.getDate();
let h = date.getHours();
let m = date.getMinutes();
let s = date.getSeconds();
return year + '-' + month + '-' + day + ' ' + h + ':' + m + ':' + s;
}
},
directives :{//自定义私有的指令
'color' : {
bind:function (el,binding) { //一般控制样式时候,用到此钩子函数
el.style.color = binding.value;
},
inserted:function (el) {//一般控制事件的时候,用到此钩子函数
el.focus() //获取焦点时间
},
updated:function (el) {//当Vnode更新时候会执行updated,可能会触发多次
}
}
}