基础封装: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
文件划分:
原文:https://www.cnblogs.com/0520euv/p/14767130.html