Vue监听vuex中的数据变化

Vue-监听-vuex

在我们日常的电商软件中，购物车中的最后就是一个推荐商品的组件，那我们如何在组件中直接添加到购物车，并完成购物车的渲染呢？

这就要用到Vue中的watch了
watch主要作用是监听数据的变化

假如我们的购物车的商品信息在vuex中，属性名是：carshopping
那我们监听的时候就要在组件中用到watch了

注意：watch在Vue中和name、data这些属性同级。
watch有两个参数，分别是newVal和oldVal
newVal是最新的数据
oldVal是更新前的数据
在变异 (不是替换) 对象或数组时，旧值将与新值相同，因为它们的引用指向同一个对象/数组。Vue 不会保留变异之前值的副本。

warch用法如下：

上面是我在项目中写的测试，大家可以借鉴一下。
参考文档：https://doc.vue-js.com/v2/api/#vm-watch