Vuex

一.简介:
Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化
二.五个属性:
① 存储状态state
② 获取状态getters
③ 改变状态mutations
④ 异步操作actions
⑤ module
三.简单使用
1.安装:cnpm i vuex --save
2.在src目录下新建store/store.js
Vuex
3.在main.js中引入store并全局注入
Vuex
Vuex
3.store.js中
Vuex
4.<组件>.vue中
Vuex
Vuex
四.小结
1.vue store存储commit和dispatch区别
dispatch:含有异步操作(向后台发送请求获取数据)
写法:this.store.dispatch(mutations)committhis.store.dispatch(&#x27;mutations方法名&#x27;,值) commit:同步操作 写法:this.store.commit(‘mutations方法名’,值)
2.vuex中的modle
①功能:让每一个模块拥有自己的state,getters,mutation,action,使得结构非常清晰,方便管理
②写法:
Vuex
③模块内部的数据
(1)内部state,模块内部state是局部的,例car.js模块state中的list数据,通过this.store.state.car.list(2)getters,mutations,actionsmutations,this.store.state.car.list获取 (2)内部getters,mutations,actions仍然注册在全局命名空间内,这是为了多模块可以同时响应同一mutations,通过this.store.carGetters就可以拿到