在实例使用 directives 选项来注册局部指令，这样指令只能在这个实例中使用：

 

实例

<div id="app">

    <p>页面载入时，input 元素自动获取焦点：</p>

    <input v-focus>

</div>

 

<script>

const app = {

   data() {

      return {

      }

   },

   directives: {

      focus: {

         // 指令的定义

         mounted(el) {

            el.focus()

         }

      }

   }

}

 

Vue.createApp(app).mount('#app')