指令和数据操作无关,所以不放在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>