**
Vuex是什么?
**
Vuex是一个专为Vue.js应用程序开发的全局状态管理工具,它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。
为什么用vuex?
当项目大到一定程度时,组件之间来回传参会比较麻烦,
方便起见vue给我们提供了vuex可以将所有状态存储在vuex中,可供任意组件来调用
Vuex怎莫用?
Vuex下载
npm install vuex --save
在文件里引入
import store from ‘./test/index’
import Vue from ‘vue’;
import Vuex from ‘vuex’;
Vue.use(Vuex);
vuex有几种属性分别是:
state,Getter,Mutation,Action,Module
state:可设置状态,vuex就是一个仓库,仓库里面放了很多对象,其中state就是数据源存放地,对应于vue对象里面的data,state里面存放的数据是响应式的,vue组件从store中读取数据,若是store中的数据发生改变,依赖这个数据的组件也会发生更新,它通过辅助函数mapState把全局的state映射到当前组件的computed计算属性中
Getteers:计算属性,可以对state进行计算操作,它就是Store的计算属性,虽然在组件内也可以做计算属性,但是geetters可以在多组件之间复用,如果一个状态只在一个组件内使用是可以不用getters
Mutation:类似于事件,action和mutations很类似,主要区别在于mutations只能是同步操作,action可以包含异步操作,而且可以通过action来提交mutations。
module:可以让每个模块拥有自己的state,mutation,action,getters使得结构非常清晰,方便管理