vuex

Posted 2021-06-05 九加十一

1.下载：

npm install vuex --save

2.man.js同目录先新建js文件：

import Vue from \'vue\'
import Vuex from \'vuex\'

Vue.use(Vuex)

export default new Vuex.Store({

    state:{   // 使用：this.$store.state.count
        count: 0
    },
    mutations:{
        add(state，x1, x2){  // 使用： this.$store.commit(\'add\', x1, x2) 用于修改state里的值
            state.count++
        }
    },
    actions:{
　　　　 addm(context, x1, x2){  //使用：this.$store.dispatch(\'addm\', x1, x2) 用于处理异步
　　　　　　setTimeout(() => { context.commit(\'add\', x1, x2) }, 1000)
　　　　}
    }
})

3.man.js全局添加：

import store from \'./store.js\'

new Vue({
  store,
  router,
  render: h => h(App)
}).$mount(\'#app\')