Vue 自定义指令 directives选项

directives选项中定义 指令
使用时添加v-前缀

全局注册

app.directive('xxx',{}) // vue2: Vue.directive('xxx',{})

支持动态指令参数
v-xx:[abc]='xxx'

指令函数能够接受所有合法的 JavaScript 表达式。

如果方法只需要在 mounted 和 updated 的时间钩子触发
可以简写为单纯的回调函数

参数说明
第一个参数 为绑定的元素
第二个参数 为传递的对象

1. .arg 绑定的参数
2. .value 等号后对应的值

在应用到组件上时，和非 prop 的 attribute不同，指令不会通过 v-bind=“$attrs” 被传入另一个元素。
当被应用在一个多根节点的组件上时，指令会被忽略，并且会抛出一个警告。