Vue技术—v-text指令

我们学过的指令

指令	解释
v-bind	单项绑定解析表达式，可简写为 :xxx
v-model	双向数据绑定
v-for	遍历数组、对象、字符串
v-on	绑定事件监听，可间隙为@
v-if	条件渲染（动态控制节点是否存在）
v-else	条件渲染（动态控制节点是否存在）
v-show	条件渲染（动态控制节点是否展示）

v-text指令

作用：向其所在的节点中渲染文本内容
与插值语法的区别：v-text会替换掉节点中的内容，{{xx}}则不会

<div id="root">
	<div>{{name}}</div>
	<div v-text='name'></div>
	<div v-text="text"></div>
</div>

new Vue({
	el:'#root',
	data:{
		name:'hello',
		text:'<h2>你好</h2>'
	}
})

运行结果