【无标题】

#关于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()}}
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值