vuex使用模块的时候 获取state里的数据语法

普通语法

this.$store.state.【哪个数据】

模块化语法:

this.$store.state.【哪个模块】.【哪个数据】
<template>
<div class="panel panel-info">
      <div class="panel-heading">
          <h4 class="panel-title">购物车列表h4>
      div>
      <div class="panel-body">
          <p v-if="!CartList.length">这里什么都没有,请先添加商品。p>
          <CartListItem v-for="ele in CartList" :key="ele.id" :cartlist-iteam="ele"/>
      div>
      <div class="panel-footer">
          <a href="" class="btn btn-block btn-danger">清空购物车({{cartQuantity}})a>
          <a href="" class="btn btn-block btn-info">立即结算({{cartTotal}})a>
      div>
  div>
template>

<script>
import CartListItem from './CartListItem'
import { mapGetters } from 'vuex'
export default {
  name: 'CartList',
  components: {
    CartListItem
  },
  computed: {
    CartList () {
      return this.$store.state.cartModule.updateCartList
    },
    ...mapGetters(['cartQuantity', 'cartTotal'])
  }
}
script>

你可能感兴趣的:(Vue)