07.自定义指令传参小窍门

Posted 2022-08-10 @大迁世界

这节课，我们来看一下自定义指令。

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)<