zoukankan      html  css  js  c++  java
  • vuex的5个核心概念四(modules)

    5.mudules(模块)

    vuex使用单一状态树,那么就意味着很多状态都会交给来管理。当应用变得非常复杂时,store对象就会变得非常臃肿。

    为了解决这个问题,vuex允许我们将store分割成模块(module),而每个模块拥有自己的state actions getters mutations等 

    (1).创建一个模块(A),并在stores/index.js中导入引用(这时store里面的state就会有a如果想引用a中的数据就是:this.$store.state.a.属性名

    (2)模块中的state(this.$store.state.a.属性名)

    (3)模块中的mutations(this.$store.commit('子模块中的方法'),参数

    默认会查找父模块(store中的)中mutations中的方法,找不到会在子模块(a:ModuleA)中找

    (4)模块中的getters

    getters中的方法传参:state,可以引用state中的数据

              getters,可以引用当前getters中已经定义好了的方法

              rootState,可以引用根组件中state定义的数据(store/index.js中定义的state)还有:rootGetters....等等

    (5)模块中的actions(异步操作) 参数:context.commit(调用自己模块中的)

  • 相关阅读:
    Eclipse下载
    Java为什么需要基本类型
    今日学到乱写
    图解HTTP——阅读笔记
    HashMap以及ConcurrentHashMap
    别个代码阅读学习(一)
    nodeJs配置相关以及JSON.parse
    数据库设计那些事儿
    数据库特训系列1——基础拾遗
    机器学习之词语识别——记录
  • 原文地址:https://www.cnblogs.com/yaya-003/p/12538402.html
Copyright © 2011-2022 走看看