4.内容渲染指令

常用的渲染指令有三个

• v-text
• {{}}
• v-html

目录

1  v-text

2  {{}}

3  v-html

---

1  v-text

v-text的值为数据的属性名，如果给v-text并且里面有内容，那么里面的内容会被覆盖掉，并给你一个warning

v-text只能给monut的子元素，如果直接给的话不会生效

2  {{}}

{{}}学名为插值表达式(Mustache)，它不会覆盖原来的内容，也没有子节点的限制

支持JS运算

3  v-html

v-html与v-text都只能写在子项中，在vue中很多的指令都只能写在子项中，后面我们就不多尝试了

{{}}与v-test都不能渲染出html结构的字符串

v-html可以渲染出html结构的字符串，并且可以渲染出普通的字符串