v-text会覆盖元素中原本的内容,插值表达式{{ }}只会替换自己的这个占位符,不会把整个元素内容替换。
<script>
var app = new Vue({
el: '#app',
data: {
text:'hello'
}
})
</script>
<span v-text='text'>123</span>
==>‘hello’
<span>{{text}}123</span>
==>‘hello123’