Vue的监听属性和计算属性，如何巧妙结合实现高效数据处理？

本文共计1681个文字，预计阅读时间需要7分钟。

目录

一、watch 监听属性

1.购物车

1. 购买商品 2. 全选与取消全选

2.计算属性

1. computed 2. methods 3. setter

一、watch 监听属性

这个属性用于监视某个数据的变化，并在变化时触发相应的回调函数。基本用法如下：- 添加属性：`watch('属性名', function(newVal, oldVal) {})`

目录

• 一、watch监听属性
• 1.购物车
• 2.全选与取消全选
• 二、计算属性
• 1.computed
• 2.methods
• 3.setter

一、watch监听属性

这个属性用来监视某个数据的变化，并触发相应的回调函数执行。

基本用法添加watch属性，值为一个对象。对象的属性名就是要监视的数据，属性值为回调函数，每当这个属性名对应的值发生变化，就会触发该回调函数执行。

回调函数有2个参数：

• newVal，数据发生改变后的值。
• oldVal，数据发生改变前的值。