✍️
Vue解除双向绑定
在做项目时，需要开发一个个人资料修改页面，在这个页面中有个组件需要显示原始值，在修改信息的表单中，页面加载时也需要同步个人资料中的原始值。在修改表单中的信息时，个人信息显示的数据也会同步修改，但我的目的是个人信息页面数据始终保持原始值，在提交表单后，再更新组件中资料数据。
我的解决办法是使用深拷贝，JSON暴力转换，解构赋值
1 | this.user = JSON.parse(JSON.stringify(data.user)) |
此时userForm和user中的数据在页面加载时会同步原始数据，不会随着userForm的数据变化而改变，在提交userForm表单后user中的数据才会发生变化。