vuex状态管理，前端开发架构

• 3.2触发mutations函数的第二种方法

• 4.使用action处理store中函数的异步调用

1.起步

---

1.安装vuex

npm install vuex --save

2.在src目录新创建一个js文件用于vuex，然后在该目录下引入vuex，如下：

import Vue from ‘vue’

import Vuex from ‘vuex’

//注意：记得使用下面这句

Vue.use(Vuex)

3.vuex基本代码结构

const store = new Vuex.Store({

state: {

count: 0

},

mutations: {

increment (state) {

state.count++

}

}

})

2.访问全局状态

---

1.直接通过this.$store.state.count–(但是不能直接用这个对全局状态进行修改，否则很麻烦，访问是可以的）如下图：

2.通过mapState函数

2.1mapState函数访问：

1.导入mapState函数

import { mapState } from ‘vuex’

2.将全局数据映射为当前组件的计算属性

computed:{