#关于Vue自定义指令和过滤器
自定义指令:
分为全局和私有自定义指令
全局在main.js里写
Vue.directive()
// 全局自定义指令
// 第一个参数:自定义指令名字
// 第二个参数:对象
Vue.directive(‘color’,{
//只调用一次,指令第一次绑定到元素时调用
bind(el,binding) {
console.log(el) //
月色很美
// el是绑定的元素
el.style.color=binding.value//有了这步才能变色
console.log(binding)
//是一个对象,信息对象
// 下面事件不会执行,input失去焦点
el.focus()
},
// 这个元素已经渲染到界面上执行,真实DOM
inserted(el){
// el是绑定的元素
console.log(el)
},
// 更新之后触发
update(el){
console.log(el)
}
})
{{msg|setMsg(6666)|setMsg2(111)|setMsg3()}}