总会把标签转义的问题整的很混乱，这里记录一下：
1.v-text：会把h1标签转义输出。即原模原样输出，h1标签没效果
2.v-html：会直接输出结果。即h1标签会出效果
代码如下：
<body>
<div id="app">
{{word}}
<div v-text="word"></div>
<div v-html="word"></div>
</div>
<script>
var app = new Vue({
el:'#app',
data:{
word:"<h1>hello</h1>"
}
})
</script>
</body>
结果如下：
v-html.png
另外：
//v-指令后面的"word"本质上都是js表达式，所以可以加上字符串
<div v-text="word"></div>
//这里输出结果即：hello world
<div v-html="word + 'world'"></div>
网友评论