vuex是一个专门为vue.js应用程序开发的 状态管理模式
vuex可以 管理共享状态,也就是管理全局变量
vuex的几个核心概念:
vuex使用一个store对象管理应用的状态,一个store包括:state,getter,mutation,action四个属性
state: state意为'状态',是vuex状态管理的数据源
getter: getter的作用与filters有一些相似,可以将state进行过滤后输出
mutation: mutation是vuex中 改变state 的唯一途径,并且只能 同步操作
action: 一些 对state的异步操作 可以放在action中,并通过在action 提交mutaion变更state
module: 当store对象过于庞大时,可以根据具体的业务需求分为多个module
我们可以在组件中触发 Action,Action 则会提交 Mutation,Mutaion 会对 State 进行修改,组件再根据 State 、Getter 渲染页面
场景有:组件之间的状态、音乐播放、登录状态、加入购物车