Vue-监听-vuex

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

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

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

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

warch用法如下:
Vue监听vuex中的数据变化
上面是我在项目中写的测试,大家可以借鉴一下。
参考文档:https://doc.vue-js.com/v2/api/#vm-watch

相关文章:

  • 2021-06-27
  • 2021-09-08
  • 2022-12-23
  • 2022-01-09
  • 2022-02-26
  • 2022-12-23
猜你喜欢
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2021-04-03
  • 2021-07-16
相关资源
相似解决方案