欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

vue使用vuex大体结构

程序员文章站 2022-05-08 13:08:11
store1.js index.js main.js ......

store1.js

    const state = {}
    const mutations = {}
    const actions = {}
    const getters = {}

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

index.js

    import vue from 'vue'
    import vuex from 'vuex'
    import store1 from './store1'

    vue.use(vuex);

    export default new vuex.store({
       modules: {
         store1        
      } 
    })  

main.js

    import vue from 'vue'
    import app from './app.vue'
    import store from './store'

    new vue({
      store,
      render: h => h(app)
    }).$mount('#app')