Vuex 是一个专为 Vue.js 应用程序开发的【状态管理模式 + 库】
- vuex中一共有五个状态:
- State: 公共数据源,存储数据,相当于data
用法: this.$store.state.name || ...mapState(["name"]) - Getter: 对于Store中的数据进行加工处理形成新的数据,相当于computed
- Mutation: 定义事件,修改state中的数据,commit提交,同步
用法: this.$store.commit.fn() - Action:进行异步操作,dispatch
用法: this.$store.dispatch.fn() - Module: 模块,业务比较复杂时,根据模块进行划分
如果想使模块具有更高的封装度和复用性,可以添加namespaced: true