什么是自定义指令

除了默认设置的核心指令 ( v-model 和 v-show ), Vue 也允许注册自定义指令。我们看到的 v- 开头的行内属性，都是指令，不同的指令可以完成或实现不同的功能，对普通 DOM 元素进行底层操作，这时候就会用到自定义指令。

简单使用

<template>
  <div>
    Hello, 长乐未央
    <br /><br />
    <!--页面加载时，input 元素自动获取焦点-->
    <input v-focus />
  </div>
</template>

<script>
export default {
  // 使用 directives 方法来注册局部指令
  directives: {
    // 注册一个局部的自定义指令 v-focus
    focus: {
      // 指令的定义
      inserted(el) {
        // 聚焦到当前元素
        el.focus();
  ...