插值
文本
要进行文本部分替换,可以用 {
{}}
将变量元素括起来;
<div id = "app">
{
{message}}
</div>
// Vue实例
var app = new Vue({
el: '#app',
data: {
message: 'Hello, Vue'
}
})
要进行文本全部替换,则可以用 v-text
来进行,比如下面的“测试”将会被 message
的内容所替代;
<div id = "app">
<h2 v-text="message">测试</h2>
</div>
var app = new Vue({
el: "#app",
data: {
message: "公"
}
})
原始 HTML
双大括号会将数据解释为普通文本,但如果我们要插入原始的 HTMl 内容,此时就需要使用 v-html
指令;
<div id="app">
<p v-html="rawHtml">
</p>
</div>