vuex的使用

如果你之前使用过vue.js，你一定知道在vue中各个组件之间传值的痛苦，在vue中我们可以使用vuex来保存我们需要管理的状态值，值一旦被修改，所有引用该值的地方就会自动更新，那么接下来我们就来学习一下vuex是如何修改状态值的：

第一步：先下载vuex

npm install vuex --save

第二步：在main.js文件中引入使用

import store from './store/index.js'

import Vuex from 'vuex'

Vue.use(Vuex)

在实例中挂载

第三步：
在项目的src目录下新建一个目录store，在该目录下新建一个index.js文件，我们用来创建vuex实例，然后在该文件中引入vue和vuex，创建Vuex.Store实例保存到变量store中，最后使用export default导出store

state：相当于 组件中的data 里面存储变量

mutations：相当于methods 是一些数据的处理方法

getters：相当于过滤器

第4步：写在文件中引入

在组件中使用state的方法同router相似

使用：this.$store.state.变量名 就可以获取 与赋值

在插值表达式中{{ $store.state.变量名 }}