1.v-text:会把标签转义输出。即原模原样输出,h1标签没效果
2.v-html:会直接输出结果。即h1标签会出效果
<body>
<div id="app">
{{friend}}
<div v-text="friend"></div>
<div v-html="friend"></div>
</div>
<script>
var app = new Vue({
el:'#app',
data:{
friend:"<h1>hi</h1>"
}
})
</script>
</body>
//v-指令后面的"word"本质上都是js表达式,所以可以加上字符串
//这里输出结果即:hello friend
<div v-html="word + 'friend'"></div>