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