Vuex-Vue.js的状态管理插件

一、引言

在Vue.js的组件基础中，我们在两个组件之间传值使用的是props（父组件向子组件传值），自定义事件this.$emit方法（子组件向父组件传值），对于简单的组件比较少的，而且依赖不复杂的我们可以使用，但是，如果组件很多，而且依赖很复杂，两个组件不一定是父子关系，而且关系比较远的时候，如果我们还是使用传统的传值方式，那将会是一场灾难（两个距离比较远的组件如果使用传统方式，需要通过可能比较多的中间组件进行传值），因此Vuex诞生了，Vuex可以看作是一个基于缓存的状态管理工具，我们在其store中存储相应的data属性传和方法，两个组件不论是何处，都通过中间的Vuex来传递数值和方法，这样我们就从混乱中解放了。

二、Vuex的安装及配置

安装vuex

cnpm i vuex -D

根目录下新建sore文件夹，在其中新建index.js

import Vue from 'vue';
import Vuex from 'vuex';

Vue.use(Vuex)

在main.js中引入这个index.js，并注册vuex

import Vue from  'vue'
import VueRouter from '