Vue自定义指令总结

语法

1. 局部指令

new Vue({
    directives:{指令名:配置对象}
})
//or
new Vue({
    directives:{指令名:回调函数}
})

2. 全局指令

Vue.directives(指令名,配置对象)
//or
Vue.directives(指令名,回调函数)

配置对象中常用的三个回调

1. bind：指令与元素成功绑定时调用
2. inserted：指令所在元素被插入页面时调用
3. update：指令所在模板结构被重新解析时调用

这三个回调函数中的 this 都指向 windows，简写形式只能定义 bind 和 update 两个回调

备注

1. 指令定义时不加 v-，使用时加 v-
2. 多个单词的指令用 kebab-case 命名