十八、自定义指令

（一）定义语法

1.局部指令

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

2.全局指令

Vue.directive(指令名, 配置对象);
//==========
Vue.directive(指令名, 回调函数);

（二）配置对象中常见的 3 个属性

属性	说明
bind	指令与元素成功绑定时调用
inserted	指令所在元素被插入页面时调用
update	指令所在模板结构被重新解析时调用

（三）备注

• 指令定义时不加 v- ，但使用时要加 v-
• 指令名如果是多个单词，要使用 kebab-case 命名方式，不要用 camelCase 命名