vue中v-text和v-html的区别
2020-10-11 本文已影响0人
lucky_yao
v-text 和 v-html的区别：
相同点：
1. 都覆盖掉所在元素的子节点
2. 都可以去渲染数据
不同点：
1. text不能解析html标签
2. html可以解析html标签
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>vue-指令</title>
</head>
<body>
<div id="box">
<h2>v-text不解析html标签</h2>
<h4 v-text='dea'></h4>
<h2>v-html解析html标签</h2>
<h4 v-html='dea'></h4>
</div>
</body>
<script src="js/vue.js"></script>
<script>
let box=new Vue({
el:'#box',
// template:<div class="dox" v-show="fz"></div>,
data:{
dea:'<div class="dox">122</div>',
}
});
</script>
</html>
