计算属性(computed)与监听属性(watch)
计算属性(computed)
1.定义:要用的属性不存在,要通过已有属性计算得来。
2.原理:底层借助了0bjcet . defineproperty方法提供的getter和setter.
3. get函数什么时候执行?
(1).初次读取时会执行一次。
(2).当依赖的数据发生改变时公被再次调用。
4.优势:与methods实现相比, 内部有缓存机制(复用),效率更高,调试方便。
5.备注
1.计算属性最终会出现在vm上,直按读取使用即可。
2.如果计算属性费被修改,那必须写set函数去响应修改,并且set中 要引起计算时依赖的数据发生
常用情况
当一个数据受多个数据影响时,可以使用computed
监听属性(watch)
监视属性watch:
1.当被监视的属性变化时,回调函数自动调用,进行相关操作
2.监视的属性必须存在,才能进行监视! !
3.监视的两种写法:
(1) . new Vue时传入watch配置
(2).通过vm. $watch监视
深度监视
(1).Vue中的watch默认不监测对象内部值的改变(一层)。
(2) .配置deep:true可以监测对象内部值改变(多层)。
备注:
(1).Vue’自身可以监测对象内部值的改变,但Vue提供的watch默认不可以!
(2) .使用watch时根据数据的具体结构,决定是否采用深度监视。