数据响应式

68 阅读1分钟

*** 数据响应式的理解** vue对data做了什么事情的?当修改他们的时候,视图会进行更新,这就是响应式的,使用的方法是Object.defineProperty(),默认是不可写入的。 通过getter和setter来监听数据的变化

引用官网:cn.vuejs.org/v2/guide/re…

**关于vue.set以及别名vm.set()如果不在data中写属性,是检测不到数据的。那么可以使用vue.set()或者vm.set()** 如果不在data中写属性,是检测不到数据的。那么可以使用vue.set()或者vm.set()方法来声明属性, 他们做了什么事情呢,监听和代理数据,新增属性,触发ui更新(但是不会立即更新)。

*数组新增的key 也可以使用set来新增key,使用官网提供的数组变异方法,他们创建了代理和监听方法,并且会更新ui,一共有七种 cn.vuejs.org/v2/guide/li… *对象中新增的key 请使用$set方法