开启掘金成长之旅！这是我参与「掘金日新计划 · 12 月更文挑战」的第26天，点击查看活动详情
首先，我们要先了解一下vuex是什么
- vuex简介
-
Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式 + 库。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。
-
这个状态自管理应用包含以下几个部分：
-
状态，驱动应用的数据源；
-
视图，以声明方式将状态映射到视图；
-
操作，响应在视图上的用户输入导致的状态变化。
-
vuex的官方文档地址：vuex.vuejs.org/zh/guide/
- vuex的使用
- 如果我们需要使用vuex，我们首先需要安装一下vuex，用npm安装的代码：
npm install vuex@next --save
使用yarn安装的代码：
yarn add vuex@next --save
- 安装 Vuex 之后，让我们来创建一个 store。创建过程直截了当——仅需要提供一个初始 state 对象和一些 mutation,我们需要在项目的根目录下面创建一个store文件夹，里面创建一个index.js文件，然后我们需要在main.js入口文件里面import引入一下store，并且创建一个app使用以下store,具体的代码如下所示：
import store from './store';
const app = new Vue({
...App,
store
})
- 然后我们就可以使用vuex来管理我们的项目中的一些数据了
- 首先我们需要在index.js文件里面import vue以及import vuex，然后创建一个store接收new vuex.store,然后里面有五个vuex最常用的方法，核心概念State,Getter,Mutation,Action,Module，下一篇文章将为大家一一介绍这几个核心概念的使用方法。
