vue入门2

v-text

设置标签的文本值（textContent）

<div id="app">
	<h2 v-text="message"><h2>
	<h2>{{message}}可自己添加内容</h2>
<div>
<script>
	var app=new Vue({
		el:"#app",
		data:{
			message:"VUE入门"
		}
	})
</script>

v-text指令的作用是：设置标签的内容；
默认写法会替换全部内容，使用差值表达式{{}}可以替换指定内容；
内部支持写表达式。

v-html

设置标签的innerHTML

<div id="app">
	<p v-html="content"></p>
<div>
<script>
	var app=new Vue({
		el:"#app",
		data:{
			content:"<a href='#'>vue入门</a>"
		}
	})
</script>

v-html指令的作用是设置元素的innerHTML
内容中有HTML结构会被解析为标签
v-text指令无论内容是什么，只会解析为文本
解析文本使用v-text， 需要解析HTML结构使用v-html