Vue中解决多个组件引用了同一个对象作为数据时,当一个组件改动了数据对象时,其他对象的数据也会随着同步改动的情况

循环往数组中插入对象时要确保每次都创建一个新的对象,不能重复使用之前的对象
 
//错误的方法
var arr = [];
var obj = {};
for (var i = 0; i < 10; i++) {
    obj.id = i;
    arr.push(obj);
}
//正确的方法
var arr = [];
for (var i = 0; i < 10; i++) {
    var obj = {};
    obj.id = i;
    arr.push(obj);
}