Vuex

头像
Hole
    阅读 1 分钟

    一.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一下吧


    Hole
    36 声望5 粉丝