计算属性computed:有时我们需要对数据进行一些处理和转化后再显示,此时就要用到计算属性。
computed 和 methods
理论上,computed 所有实现可以使用 methods 完全替换。
计算属性依赖数据发生改变时才会重新求值。
不发生变化,会立即返回之前的结果,而不必再次执行计算。而方法却会执行。
计算属性会进行缓存,多次使用时计算属性只会调用一次,性能更高。
computed 和 watch
当有一些数据需要随着其它数据变动而变动时,会用到computed和watch。
watch擅长处理的场景:一个数据影响多个数据;computed擅长处理的场景:一个数据受多个数据影响。
computed特性:
1、computed内部的函数必须通过return将结果返回
2、如果依赖数据没有发生改变的时候computed会从缓存中读取结果
3、 不支持异步,当computed内有异步操作时无效,无法监听数据的变化
watch特性:
1、watch中的函数是不需要调用的,只要函数所依赖的属性发生了改变,那么相对应的函数就会执行
2、watch默认情况下无法监听对象的改变(因为它只会监听对象的地址是否发生了改变,而值是不会监听的),如果需要进行监听则需要进行深度监听 deep: true
3、watch默认情况下第一次的时候不会去做监听,如果需要在第一次加载的时候也需要去做监听的话需要设置 immediate: true
4、支持异步