vue3中 等号失去响应式的例子

这个例子是 一个动态的form表单

如果在这个页面去修改这个值的时候，如果使用等号（=）去改变这个值的话，动态渲染后的组件中的值就不会响应式的改变。前提是修改proxy代理的响应式值

错误的代码片段：

//formDataObj vue3 reactive定义
const setFormData = (formData) => { //设置表单数据
  formDataObj = formData;
};

正确的代码片段：

const setFormData = (formData) => { //设置表单数据
  overwriteObj(formDataModel,formData)
};

这样就不会失去响应式，所以在改变 formDataModel的值的时候，渲染的组件中也可以动态的改变。