自定义指令

Vue 有很多内置指令，比如v-for、v-if，我们可以自定义类似的指令。

一个简单的自定义指令v-bg-color

<template>
  <h1 v-bg-color="'skyblue'">This background is blue</h1>
</template>

import {createApp} from 'vue'
const app = createApp({})

app.directive('bg-color', {
  mounted(el, {value}) {
    // Update the background color
    el.style.background = value
  }
})