vue中 两个地方用同一个对象数据，数据互不影响的方法

1，使用Object.assign()方法创建对象的副本：

// 原始对象
let originalData = { name: 'Alice', age: 25 };

// 创建副本
let copyData = Object.assign({}, originalData);

// 修改副本的数据
copyData.name = 'Bob';

// 原始对象的数据不受影响
console.log(originalData);  // { name: 'Alice', age: 25 }
console.log(copyData);  // { name: 'Bob', age: 25 }

2，使用ES6的扩展运算符(…)创建对象的副本：

// 原始对象
let originalData = { name: 'Alice', age: 25 };

// 创建副本
let copyData = { ...originalData };

// 修改副本的数据
copyData.name = 'Bob';

// 原始对象的数据不受影响
console.log(originalData);  // { name: 'Alice', age: 25 }
console.log(copyData);  // { name: 'Bob', age: 25 }

这样，通过创建对象的副本，可以确保一个地方修改数据后，另一个地方的数据不会受到影响。