2.Vuex -- Getter

2. Vuex – Getter

Getter

Getter 用于对 Store 中的状态进行加工处理形成新的状态

1. Getter 可以对 Store 中已有的状态加工处理之后形成新的状态，类似Vue的计算属性
2. Store 中的状态发生变化， Getter 的状态也会跟着变化

const store = new Vuex.Store({
  state: {
    状态名称:值,
    ...
  },
  getters: {
    名称: state => {
      // 包装 Store 共享的状态
      return state.状态名称
    }
  }
})

访问方式一

this.$store.getters.名称

访问方式二

// 1. 从 vuex 中按需导入 mapGetters 函数
import { mapGetters } from 'vuex'

// 2. 将 getters ，映射为当前组件的 computed 计算属性
computed: {
    ...mapGetters(['名称', ...])
}