computed : 计算属性
- 要计算的属性会随着其依赖的data中属性变化而变化,只要依赖的属性改变,就会执行computed,若无改变,则直接从缓存中取值
- 支持缓存,只有依赖数据发生改变,才会重新进行计算
- 不支持异步,当computed内有异步操作时无效,无法监听数据的变化
- 如果一个属性是由其他属性计算而来的,这个属性依赖其他属性,是一个多对一或者一对一,一般用computed
computed属性属性值是函数,默认会走get方法;函数的返回值就是属性的属性值;在computed中的,属性都有一个get和一个set方法,当改变计算属性值时,会调用set方法。
watch:侦听属性
- 不支持缓存,数据变,直接会触发相应的操作;
- watch支持异步;
- 监听的函数接收两个参数,第一个参数是最新的值;第二个参数是输入之前的值;
- 监听数据必须是data中声明过或者父组件传递过来的props中的数据,当数据变化时,触发其他操作
- 可以更改immediate属性deep属性值,使第一次绑定时就立即值handler反方,以及进行深度监听
共同点两者都是监听数据的变化,然后做相应的操作。