【vue】插值操作

Mustache语法

{{ }}

1	`<h2>{{message}}</h2>`

只会在初始化的时候赋值，不会根据数据变化而变化

1	`<h2 v-once>{{message}}</h2>`

展示html代码段

<h2 v-html="url"></h2>

let vm = new Vue({
	el: "#app",
	data: {
		message: "你好啊",
		url: '<a href="http://www.baidu.com">百度一下</a>'
	}
});

一般不用缺点：不灵活会覆盖标签内内容

1	`<h2 v-text="message"></h2>`

把内容原封不动的解析出来

1	`<h2 v-pre>{{message}}</h2>`

（斗篷）解析之前会有v-cloak，解析完成后会去掉

[v-cloak] {
	display: none;
}
<h2 v-cloak>{{message}}</h2>

blog