vue将字段绑定为响应式和不为响应式的情况
背景:在项目中,因为自己直接将列表的对象中的字段在vue中赋值了,并且未使用$set方法,导致赋值的字段没有响应式,在页面点击输入,没有数据的变化。
字段具有响应式的几种方法:
1:前端请求的后端接口返回的数组对象中,返回的字段存在的话,前端会将这个对象中的字段设置为响应式的,存在get和set方法。
2.若该对象的字段一开始不存在,用户在页面上的输入框输入值时,vue会将这个对象中的字段设置为响应式的,存在get和set方法。
3.一开始便在data函数的对象中定义字段
4.使用this.$set方法
响应式丢失:该对象中不存在该字段时,前端直接对对象中的字段赋值时,会造成该字段不存在响应式