reactive被重新赋值后无法双向绑定

reactive 被重新赋值后无法双向绑定

这是因为reactive数据被重新赋值后，原来数据的代理函数和最新的代理函数不是同一个，无法被触发

let ruleForm = reactive({
  one: "",
  two: "",
  three: "",
});

当你接受到数据不要直接赋值，如：

ruleForm = newObj;

避免失去响应式，可以这样做：

ruleForm.one = 'test';
ruleForm.two = 'test';

或你可以把 ruleForm 用 ref 方式声明。