Open youngwind opened 7 years ago
这段代码在vue2.1里面已经不能正常使用了
// 注册一个全局自定义指令 `v-qclick`
Vue.directive('qclick', {
bind (el, binding) {
console.log('---bind---')
},
inserted(el, binding) {
console.log('---inserted---')
el.addEventListener('click', binding.value);
},
unbind (el, binding) {
console.log('---unbind---')
el.removeEventListener('click', binding.value);
}
})
我是用原生实现的事件发生器
前言
vue可以自定义指令,通过它可以做很多有趣的东西。比如vue-touch。官方的说明文档在这儿。 下面假设我要重写一个vue的绑定点击事件的指令,也就是说我要自己实现v-on:click。
源码
vue指令跟插件一样,是一个带有install方法的模块。
使用
效果