【vue3入门】-【4】插入html

原始html

双大括号，将会将数据插值为纯文本，而不是html，若想要插入html，则需要使用v-html指令

<template>
  <h3>模版语法</h3>
  <p>{{ tthtml }}</p> <!--会直接将html文本展示出来-->>
  <p v-html="tthtml"></p> <!--会在进行渲染后展示出来-->>
</template>

<script>
export default {
  data() {
    return {
      msg: "神奇的语法",
      number: 0,
      ok: true,
      message: "大家好",
      tthtml: "<a href='www.baidu.com'>百度</a>"
    }
  }
}
//以上为文本插值的固定使用格式
</script>

以上内容出自
【【2023最新版】Vue3从入门到精通，零基础小白也能听得懂，写得出，web前端快速入门教程】 https://www.bilibili.com/video/BV1Rs4y127j8/?share_source=copy_web&vd_source=94c3d5330a46438059359e8dd2494fe9