Vuex配置和基本使用

在学习vuex之前，我们需要先了解一下vuex是什么。在vuex的官网，他是这样定义的：Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。说的非常高大尚，我个人的理解就是将数据集中管理，然后通过某些特地的api可以使用到这其中的数据，对其进行某些操作。那么这样做有什么意义呢？首先是公共的数据能够集中管理，使用api使在该项目中的每一个所需要该数据的组件都能够使用，下面我们来讲一下如何使用该插件。

1、安装和配置Vuex

1) vuex是一个插件，所以我们需要通过npm指令安装。

npm i vuex

2) 在main.js人口文件引入Vuex，插件需要应用就需要将插件应用Vue.use(Vuex)，这个是直接在main.js直接写Vuex的部分代码，不符合模块化这个思路，所以不建议这样去写。在开发中如果使用到vuex，一般是创建一个名为store的文件夹，在此文件夹下有一个index.js文件，在这写对应的vuex代码。

import Vue from 'vue'
import App from './App.vue'
// 引入Vuex
import Vuex from 'vuex'
Vue.use(Vuex)

const actions = {

}
const mutations = {

}
co