一.描述
computed
和watch
都是vue
框架中的用于监听数据变化的属性。
二.computed作用
1、使用方法和date中的数据一样,但是类似一个执行方法
2、在调用时候不加()
3、必须有return
返回值
4、如果函数所依赖的属性没有发生变化,从缓存中读取
三.watch监听
1、watch的函数名称必须和data中的数据名一致
2、watch中的函数有两个参数,前者是newVal,后者是oldVal
3、watch中的函数是不需要调用的
4、watch只会监听数据的值是否发生改变,而不会去监听数据的地址是否发生改变,要深度监听需要配合deep:true属性使用
5、immediate:true 页面首次加载的时候做一次监听
四、computed和watch区别
1、功能:computed是计算属性;watch是监听一个值的变化执行对应的回调
2、是否调用缓存:computed函数所依赖的属性不变的时候会调用缓存;watch每次监听的值发生变化时候都会调用回调
3、是否调用return:computed必须有;watch可以没有
4、使用场景:1.computed当一个属性受多个属性影响的时候;例如购物车商品结算;
2.watch当一条数据影响多条数据的时候,例如搜索框
5、是否支持异步:computed函数不能有异步;watch可以