v-text
v-text
可以将一个变量的值渲染到指定的元素中。
用法:
<span v-text="hello"></span>
var vm = new Vue({
el:'#app'
,data:{
hello:'<h1>Hello World !</h1>'
}
});
结果:
从上面我们可以看出,h1标签只能以字符串形式输出,也就是说v-text
只能将数据以字符串的形式在HTML页面中进行输出。
v-html
{
{}}
和v-text
会将数据解释为纯文本,而非HTML,为了输出真正的HTML,你需要使用v-html
用法:
<div v-html="hello"></div>
var vm = new Vue({
el:'#app'
,data:{
hello:'<h1>Hello World !</h1>'
}
});
结果: