vuex搭建过程以及项目结构

概念

vuex是专为vue.js应用程序开发的状态管理模式（提供了可共用的参数），主要采用的是集中式存储管理应用的所有组件状态（响应式）

主要应用场景

多个视图依赖于同一状态
来自不同视图的行为需要变更同一状态

vuex核心概念

state：数据仓库，驱动应用的数据源。
mutations：提供修改数据仓库的方法。（同步的）
getters：提供获取仓库内容的方法。
actions：提供了异步操作，基于mutations来进行操作。

项目操作

1.如果要在项目中使用vuex的话，在当前目录下安装vuex：

cnpm install vuex --save

2.在main.js中引入vuex

import Vuex from ‘vuex‘

3.在项目中创建一个store文件夹

index.js ：vuex的核心文件，负责vue对象的配置
state.js ：仓库的配置，当前应用中需要共享的数据都可以在这里声明。
mutations.js ：修改具体仓库数据的方法。
getters.js ：在获取数据的基础上，进行进一步的修改
actions.js ：这里存放的也是方法，主要做的是异步操作

4.如果要在页面中需要调用展示state里面的值时：

{{this.$store.state.【具体变量名】}}

5.在vuex项目中，需要通过commit方法来提交mutations的操作。actions方法则需要使用dispatch来进行action的分发。