Vuex

53 阅读1分钟

Vuex 是一个专为 Vue.js 应用程序开发的【状态管理模式 + 库】

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