1-5.vue指令:v-text和v-html
作用
这两个指令都是用来渲染一个标签里面的内容的。区别在于v-text的内容当做一个纯文本来处理,v-html是当做一个html的标签插入进来的。
使用
1.代码展示
<body>
<div id='app'>
<h2 v-text="textContent"></h2>
<!-- 等价于mustache语法 -->
<h2>{{textContent}}</h2>
------------------------------------
<h2 v-html="htmlContent"></h2>
</div>
<script>
const app = new Vue({
el: '#app',
data: {
textContent: "测试v-text指令",
htmlContent: "<span style='color: red;'>测试v-html指令</span>"
}
});
</script>
</body>