Vue自定义指令

官方文档

1.定义方式

1. 全局定义
   Vue.directive()
   参数：
2. 指令的名字（定义的时候不加v-,使用vue指令的时候加上v-）
3. 对象，里面包含三个方法

• bind 
  只调用一次，指令第一次绑定到元素时调用。在这里可以进行一次性的初始化设置
  （添加的样式和属性）
• inserted
  这个元素已经渲染到界面上之后执行
  (添加的方法)
• updated
  当我们的元素有更新的时候执行

3. 这个三个方法的参数有哪些

• el指令bind的元素（原生dom元素）
• bind对象
  1. value 给指令传递的值
  2. name 指令的名字
  3. …

4. 简写

• 只有bind和updated方法的时候可以进行简写
• 只写一个函数，这个函数的内容就会被放到bind和updated方法里

2.私有定义
directives:{}同data，methods同级
简写直接写一个函数，函数名就是指令的名字，其他和全局定义是一样的。