1.定义方式
- 全局定义
Vue.directive()
参数: - 指令的名字(定义的时候不加v-,使用vue指令的时候加上v-)
- 对象,里面包含三个方法
- bind
只调用一次,指令第一次绑定到元素时调用。在这里可以进行一次性的初始化设置
(添加的样式和属性) - inserted
这个元素已经渲染到界面上之后执行
(添加的方法) - updated
当我们的元素有更新的时候执行
- 这个三个方法的参数有哪些
- el指令bind的元素(原生dom元素)
- bind对象
- value 给指令传递的值
- name 指令的名字
- …
- 简写
- 只有bind和updated方法的时候可以进行简写
- 只写一个函数,这个函数的内容就会被放到bind和updated方法里
2.私有定义
directives:{}
同data,methods同级
简写直接写一个函数,函数名就是指令的名字,其他和全局定义是一样的。