vue基础 - 25 （vue3 指令：directives）

         指令和数据操作无关，所以不放在setup里

         属性名不允许  -  ，所以用  ""  包围

例如： 自定义指定：让某个输入框自动获得焦点

<template>
  <div>
    <input type="text" v-my-focus />
    <br />
    <input type="text" />
  </div>
</template>

<script lang="ts">
import { defineComponent } from "vue";
export default defineComponent({
  setup() {
    return {};
  },

  directives: {
    "my-focus": {
      //vue2写法：inserted代表指令所在组件被插入到DOM的时间点
      //vue3：改名为mounted
      //el：代表指令所在的组件
      mounted(el) {
        el.focus();
      },
    },
  },
});
</script>