HeaderCart.vue代码的分析

hamimelon2020

于 2022-03-11 11:56:27 发布

阅读量208

点赞数

分类专栏： vue JavaScript 文章标签： vue.js javascript 前端

本文链接：https://blog.csdn.net/weixin_40945354/article/details/123421377

版权


购物车和5，整体都有一个链接。
还可以点击进去。
<a href=“javascripte:;”></a>
<span>在<a></a>里，表示两个在一行里面。
@click=“handleCart”点击链接进去链到一个方法，handleCart的方法。
{
   {
   }}可以在购物车的旁边。

template到了。
这里也涉及到状态的变化。购物车里书的数量是多少，的变化。
所以要用到vuex

要输入import vuex

mapGetters是获取数据的吗？也用着computed中。
那与mapState有什么区别？
“得到购物车中物品是数量。”
mapState呢，“将this.user 映射为 this.$store.state.user.user”

一个是：
    computed: {
   
      //cart模块带有命名空间
      ...mapGetters('cart', {
   
        //Vuex的store中定义的一个getter，得到购物车中商品的数量
        // 将this.cartItemsCount 映射为 this.$store.getters['cart/itemsCount']
        cartItemsCount: 'itemsCount'
      }