Vuex

一.Vuex


Vuex是有五个部分组成的,分别state,getters,mutations,actions,modules
下面依次介绍他们:

1.state

把各个组件中的全局数据,放在store中,方便后期进行数据的获取。修改vuex中的store的唯一方式是提交个mutation

2.getters

是把各个组件中统一使用的computed放到vuex中的getter进行操作,使用getters可以减少代码冗余。

3.mutations

是修改vuex的store中的状态的唯一方法,此外,还有一条重要的原则是mutation必须是同步函数,不能是异步函数。

4.actions

是专门用来处理异步问题。实际修改store中的状态依然是mutations。

5.modules

    store可以认为是一个主模块,像user模块可以写在store模块下,同时user模块可以拥有state.js,getters.js,actions.js,,mutations.js,index.js文件
    在user模块中的index.js文件要有命名空间,即
```js
 namespaced: true,
``` 
  1. 辅助方法
写在computed中:
     mapStates(['Name'])
     mapGetters(['Name'])
写在methods中:
     mapMutations(['Name'])
     mapActions(['Name'])

对应的demo案例地址:https://gitee.com/xu_xia_ke/v...,喜欢的就star一下吧

你可能感兴趣的:(前端vue.jshtml5)