v-text 用于向所在的标签中渲染文本内容,不会解析标签。

v-html 也是用于向所在的标签中渲染文本内容,可以解析标签。

<pre> 标签可定义预格式化的文本。

被包围在 <pre> 标签 元素中的文本通常会保留空格和换行符。而文本也会呈现为等宽字体。

const vm = new Vue({
	el: "#APP",
	data(){
		return {
			name: "张三",
            name2:"<strong>张三</strong>",
		}
	}
});

<div id="APP">
	<pre>你好,{{name2}}</pre>
    <pre v-pre>你好,{{name2}}</pre>
	<p v-text="name">你好,</p>
    <p v-html="name2">你好,</p>
</div>

v-pre
代码演示

<div v-pre>{{message}}</div>

直接显示原始值,不会经过Vue的编译
如下代码会直接显示"{{messag}}"

Logo

技术共进,成长同行——讯飞AI开发者社区

更多推荐