vue directive

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钩子中可用。