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