关于前端:Vuex

7次阅读

共计 582 个字符,预计需要花费 2 分钟才能阅读完成。

一.Vuex


Vuex 是有五个局部组成的,别离 state,getters,mutations,actions,modules
上面顺次介绍他们:

1.state

把各个组件中的全局数据,放在 store 中,不便前期进行数据的获取。批改 vuex 中的 store 的惟一形式是提交个 mutation

2.getters

是把各个组件中对立应用的 computed 放到 vuex 中的 getter 进行操作,应用 getters 能够缩小代码冗余。
  1. mutations
是批改 vuex 的 store 中的状态的惟一办法,此外, 还有一条重要的准则是 mutation 必须是同步函数,不能是异步函数。
  1. actions
是专门用来解决异步问题。理论批改 store 中的状态仍然是 mutations。
  1. modules

    store 能够认为是一个主模块,像 user 模块能够写在 store 模块下,同时 user 模块能够领有 state.js,getters.js,actions.js,,mutations.js,index.js 文件
    在 user 模块中的 index.js 文件要有命名空间,即
     namespaced: true,
  2. 辅助办法
写在 computed 中:mapStates(['Name'])
     mapGetters(['Name'])
写在 methods 中:mapMutations(['Name'])
     mapActions(['Name'])
正文完
 0