Vuex的起源、存取值、ajax的调用

Vuex的起源、存取值、ajax的调用

1 Vuex是什么？

官方解释：Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。可以想象为一个“前端数据库”（数据仓库），
让其在各个页面上实现数据的共享包括状态，并且可操作
Vuex分成五个部分：
1.State：单一状态树
2.Getters：状态获取
3.Mutations：触发同步事件
4.Actions：提交mutation，可以包含异步操作
5.Module：将vuex进行分模块
图解Vuex

2 Vuex使用步骤

1 安装
npm install vuex -S

查看是否安装成功

2 创建store模块，分别维护state/actions/mutations/getters
store
index.js
state.js
actions.js
mutations.js
getters.js

4 在main.js中导入并使用store实例
new Vue({
el: ‘#app’,
router,
store, //在main.js中导入store实例
components: {
App
},
template: ‘’,
data: {