上篇文章我们可以向后台发送请求了,那么如果请求来的数据都在组件内,随着项目不断增大,我们维护起来将会非常困难,还有另外一个问题就是请求来的数据,如果多个组件公用的话,传递起来也是非常困难的一件事情。于是就有了状态统一管理,那么就是今天的主角vuex。
vuex是什么?
Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。
官方的解释可以自行阅读官方文档吧,我这里就用自己的语言把自己理解的说出来。
什么时候使用呢?
项目逐渐庞大,发送请求越来越多,需要统一管理,并且多组件共用同一数据的时候。这个时候我们就可以把它加上了。
如何使用
vuex整体解释对于初级学习的童鞋们来说还是有一定难度的,所以我想先把如何使用写出来,然后在来分析其中的意思,然后自己写一遍就基本可以理解了。
1、首先创建文件夹 store
我们把store理解成一个存放数据的对象,它挂载在全局,这样所有的组件都可以访问到store对象下的数据。
2、store文件夹下面创建index.js文件
import Vue from 'vue'
import Vuex from 'vuex'
import mutations from './mutations'
import actions from './action'
/* eslint-disable */
Vue.use(Vuex)
const