-
工作流程
- 在组件内通过dispatch调用actions,进行异步触发
- 再把请求来的数据,通过commit触发mutations修改state数据
- 在组件内读取读取修改之后的state数据
-
vuex五大属性
- state数据源 在vuex中存储数据
- 使用state数据
- this.$store.state.xxx
- 计算属性间接获取
- 辅助函数mapState
- module模块 项目过大,后期难以维护
- 新建一个文件夹,写入state,getters,mutations,actions
- mutations修改state数据 state数据修改必须在mutations中进行
- commit触发mutions修改state数据
- 辅助函数mapMutations
- actions异步触发器 在vuex中进行异步操作的触发
- 在组件内通过dispatch调用actions,进行异步操作
- mapActions
- getters vuex中的计算属性,和computed的区别就是,他可以在项目下任意组件使用
-
可以解决非父子组件之间的通信问题,跨层级访问,state作为数据共享中心,实现跨组建通信