Vue 中提供了14个比较常用的指令，如v-text、v-html、v-on、v-model等，而在实际的开发过程中，对于表单元素获取焦点也会常用到，而 autofucos 属性在 vue 中是失效的（移动端的 Safarit 也会失效），那如何来实现这个效果，这个时候就需要用到自定义的指令了。

指令对象中的钩子函数(五个）：

• bind：只调用一次，指令第一次绑定到元素（还没有渲染到页面）时调用，比较常用。（自定义获取焦点无效）
• inserted：元素渲染好了，插入到元素中。在表单获取焦点focus时使用。
• update：当前元素渲染完成，绑定的值发生改变的时候触发。
• componentUpdated：当前元素所在的区域全部渲染完成，绑定的额值发生改变时触发。
• unbind：只调用一次，指令与元素解绑时调用。

自定义指令中参数的介绍及作用：

• el：指令所绑定的元素，可以用来直接操作 DOM。 - binding：一个对象，包含以下 键值对：
• name：指令名，如v-text中的后半部分 text.
• value：指令的绑定值，例如：v-color="msg"中，绑定值为 msg。
• oldValue：指令绑定的前一个值，仅在 update 和 componentUpdated 钩子中可用。无论值是否改变都可用。
• expression：字符串形式的指令表达式。例如 v-my-directive="1 + 1" 中，表达式为 "1 + 1"。
• arg：传给指令的参数，可选。例如 v-on:click 中，参数为 "click"。
• modifiers：一个包含修饰符的对象。例如：v-on:click.enter 中，修饰符对象为 { enter : true }。

仅自己做笔记、复习用，参考原文链接：blog.csdn.net/gebieren/ar…