基础封装：import Vue from "vue"

import Vuex from 'vuex'Vue.use(Vuex)

export default new Vuex.Store({

state:{}

mutations:{}

actions:{}

getters:{
　　getNews(state){
　　　　　　return state.message.msgData.filter(item => item.status == 0).length   // 在页面使用 mapGetters接收
　　}
}

})

 

 

带module封装

// index文件import Vue from "vue"import Vuex from 'vuex'import getters from './getters'import "msg" from "@store/modules/message" //Vue.use(Vuex)

const store = new Vuex.Store({
    msg
})

export default store
//msg.js文件const state = {msg = []}

const mutations = {....}

const actions = {}

export default {
  namespaced: true,
  state,
  mutations,
  actions
}
//getters  文件const getters = {
     checkboxData: state => state.customTable.checkboxData,
     msgLength: state => state.message.msgData.filter(item => item.status == 0).length 

}

export default getters

文件划分：

Vuex_Vuex