vue3中v-html的使用

在Vue3中，v-html指令用于将一个变量的值作为HTML输出到DOM中。与Vue2相比，Vue3对v-html指令的使用方式没有改变。你可以在模板中使用v-html指令，并将需要输出的HTML代码作为变量的值进行绑定。例如：

<template>
  <div>
    <p v-html="htmlText"></p>
  </div>
</template>

<script>
export default {
  data() {
    return {
      htmlText: '<span style="color: red;">Hello Vue3</span>'
    }
  }
}
</script>

在上面的代码中，我们将`htmlText`作为变量绑定到v-html指令上，然后将`<span style="color: red;">Hello Vue3</span>`作为HTML代码输出到DOM中。

除此之外，Vue3中v-html指令的使用方法与Vue2相同，你可以在模板中的任何位置使用v-html指令，以输出动态生成的HTML代码。