[JavaScript知识库]vue 侦听属性和计算属性

https://blog.csdn.net/weixin_44584442/article/details/109333763

侦听属性的作用：

侦听属性，响应数据的变化，当数据变化时，会立即执行对应的函数，其属性值可以为函数、字符串、对象和数组。
属性值类型：
函数类型
函数类型中，被侦听的数据作为函数名，当数据改变时，执行watch（）中对应的函数，该函数可以接受两个参数，第一个参数newVal（改动后的数据），第二个参数时oldVal(改动前的数据）。
对象类型
对象类型包含3个属性，handle函数（必选），deep和immedia（可选）。
handle为被侦听的数据改变时执行的回调函数，其值类型为函数/字符串（函数名）

侦听属性与计算属性的比较

1、两者都可以观察和响应vue实例上的数据的变动
2、侦听属性监听单个数据，计算属性可以监听多个
3、计算属性具有缓存行，页面重新渲染值不变化，计算属性会立即返回之前的计算结果，而不必再次执行函数。而侦听属性无缓存行。
4、侦听属性可以执行异步操作，二计算属性不可以。