vuex模块开发

最新推荐文章于 2024-02-14 03:57:56 发布

左森

最新推荐文章于 2024-02-14 03:57:56 发布

阅读量210

点赞数 2

分类专栏： vue 文章标签： vuex 模块开发

本文链接：https://blog.csdn.net/qq719756146/article/details/84754116

版权

vue 同时被 2 个专栏收录

67 篇文章 0 订阅

订阅专栏

vuex

2 篇文章 0 订阅

订阅专栏

使用vuex模块开发

cnpm i vuex -D
import vuex from "vuex"
Vue.use("vuex")

main.js

import store form './store'
new Vue({
  el: '#app',
  router,
  store,
  components: { App },
  template: '<App/>'
})

src/store

import Vue from "vue";
import Vuex from 'vuex';
import a from './modules/a';
Vue.use(Vuex)

let store = new Vuex.Store({
    modules:{
        a:a
    }
})
export default store

src/store/modules/a

const a = {
    state: {
        msg: "hahah"
    },
    mutations: {
        newMsg(state, msg) {
            state.msg = msg
        }
    },
    actions: {
        newMsg(context, msg) {
            context.commit("newMsg", msg)
        }
    }
}
export default a