Vuex 模块化 拆分组件

1、创建Js文件

每个组件单独一个js文件,在src/sore中

 2、每个组件文件中,默认暴露,actions mutations state gettters namespaced:true

export default {
    namespaced: true,
    actions:{},
    mutations:{},
    state:{},
    getters:{}
}

3、在index.js中引入

import Vue from "vue";
import Vuex from "vuex"
import countOptions from './count'
import personOptions from './person'
// 使用Vuex
Vue.use(Vuex)






//创建并暴露store
export default new Vuex.Store({
    modules:{
        countOptions,
        personOptions
    }
})

 

posted @ 2025-01-08 10:31  市丸银  阅读(18)  评论(0)    收藏  举报