VUE指令之文本填充

声明式填充、v-text、v-html

1、声明式填充

<div id="app">
  {{ message }}
</div>

1.1、v-cloak

<style>
[v-cloak]:{
	display:none
}
</style>
<div id="app" v-cloak>
  {{ message }}
</div>

使用v-cloak属性可以使vue.js在未加载完之前不显示声明式公式。

2、v-text

<div id="app" v-text="message ">
</div>

该指令不会将message中的标签识别变成样式

3、v-html

<div id="app" v-html="message ">
</div>

该指令会将message中的标签识别变成样式