答:当我们 new Vue() 创建根实例时,此时也是创建了根组件,此组件不会被复用而造成对象内属性一变其他复用组件也跟着变的问题,此时data可以写成对象形式而不是函数返回对象的形式。
/* html */
<div id="app">
{{data1 + data2}}
</div>
<script src='./vue.js' />
<script>
const vm = new Vue({
el:'#app',
data:{
data1 : 123,
data2 : 456,
},
});
</script>