首先如果我们想在页面上显示一段文字,我们可以使用插值语法,例子如下
<body><script type="text/javascript" src="./vue.js"> </script><div id="app">{{ name }}</div><script type="text/javascript">var vm = new Vue({el:"#app",data:{name:"dailiang",},})</script></body>
那么我们也可以使用v-text
<body>
<script type="text/javascript" src="./vue.js"> </script>
<div id="app" v-text="name">
我是{{ name }}
</div>
<script type="text/javascript">
var vm = new Vue({
el:"#app",
data:{
name:"dailiang",
},
})
</script>
</body>
猜结果:
A.dailiang
B.我是dailiang
结果:A
因为v-text会覆盖掉div中的text内容
