Vue基础语法-HTML模板

文本插入

<span id="pig">{{name}}</span>

如此插入，无论何时name的值改变，span标签中的值也会跟着改变
通过使用 v-once 指令，你也能执行一次性地插值，当数据改变时，插值处的内容不会更新。但请留心这会影响到该节点上的其它数据绑定：

<span v-once>{{name}}</span>

---

new Vue({
el:"#app",
data:{name:yuan}
})

---

原始HTML插入

双大括号会将数据解释为普通文本，而非 HTML 代码。为了输出真正的 HTML，你需要使用 v-html 指令：

<p v-html="html"></p>

这个p标签里的内容会被替换为v-html指向的属性值

---

new Vue({
el:"#app",
data:{name:<a href="xxx"></a>}
})

---

HTML属性的插入

Mustache的语法不能作用在HTML特性上，所以要使用v-bind属性
如此一来，a标签的src属性就改变为了

<a id="app" v-bind:src="link"></a>

---

new Vue({
el:"#app",
data:{link:"idler.online"}
})