vuex学习笔记（mapState,mapMutations）

欢迎加我技术交流QQ群 ：811956471

感谢csdn一位博主的博客，让我对vuex有了更深的了解，原文地址（共三篇）：https://blog.csdn.net/gavincz/article/details/81046281

一、安装：npm install vuex --save；

二、引入：在src文件下新建文件夹store,在里面建index.js（名字随便起，个人习惯）；

index.js文件写入代码：

import Vue from 'vue'
import Vuex from 'vuex'
Vue.use(Vuex)
export default new Vuex.Store({
  state: {
    count: 0 //定义了一个公共属性，并初始化赋值为 0 
  },
  mutations: {
    add(state,n) { 
      state.count+=n
    },
    reduce(state,n) { 
      state.count-=n
    }
  },
  actions: { },
})

三、在入口文件main.js中引入：代码如下：

import Vue from 'vue'
import App from './App.vue'
import router from './router'
import store from '@/store' //此处全局引入
Vue.config.productionTip = false
new Vue({
  router,
  store,
  render: h => h(App)
}).$mount('#app')

四、最后在任意页面中引用state里面的数据、调用mutations里面的方法去更新state里面数据