这节课,我们来看一下自定义指令。
Vue 中有一堆内置的指令,如 v-for
和 v-if
,但我们也可以建立自己的自己的指令。
假设,我们有一个 FontSizeColor
组件,内容如下:
// FontSizeColor.vue
<template>
<div v-font-size-color="'20px'">
自定义指令
</div>
</template>
这里,我们声明了一个自定义指令 v-font-size
,它主要做的一个事件就是设置当前元素的字段大小。我们在 main.js
中实现它。
import {
createApp } from 'vue'
const app = createApp(App)<