Vue中如何区分监听属性与计算属性？

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

目录

一、watch监听属性

1.购物车

2.全选与取消全选

二、计算属性

1.computed

2.methods

3.setter

三、watch监听属性

这个属性用来监视某个数据的变动，并在数据变动时触发相应的回调函数。基本用法如下：

目录

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

一、watch监听属性

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

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

回调函数有2个参数：

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