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