vue指令,用来干啥,在组件上做一件事,全局注册可复用。简单的例子,input的自动聚焦事件啦。具体做法:
bind:运行一次,绑定就运行
inserted:这个input被绑定到父组件的时间调用,也就是app
后面的两个是只要input改变了,就触发,最后一个解绑才调用
参数:::
el : 这个input的dom元素
binding: 一个对象,包含以下属性:
name: 指令名,不包括v-前缀。
value: 指令的绑定值, 例如:v-my-directive="1 + 1", value 的值是2。
oldValue: 指令绑定的前一个值,仅在update和componentUpdated钩子中可用。无论值是否改变都可用。
expression: 绑定值的字符串形式。 例如v-my-directive="1 + 1", expression 的值是"1 + 1"。
arg: 传给指令的参数。例如v-my-directive:foo, arg 的值是"foo"。
modifiers: 一个包含修饰符的对象。 例如:v-my-directive.foo.bar, 修饰符对象 modifiers 的值是{ foo: true, bar: true }。
vnode: Vue 编译生成的虚拟节点,查阅VNode API了解更多详情。
oldVnode: 上一个虚拟节点,仅在update和componentUpdated钩子中可用。