zoukankan      html  css  js  c++  java
  • vuex理解之modules小记

    好记性不如烂笔头

    demo预览

    源代码

    前情提要

    关于vuex,其实很久以前就研究使用过,还研究过 flux,redux之类的体系,当时感觉对于 state,action,dispatch,views等这套体系流程已经很了解,结果呢近一年不用,再次证明了人类大脑的局限性。这里不做任何文档教程,因为官网文档已经很详细,这里只谈理解和注意点。

    vuex核心

    五大核心属性:

    • State
    • Getters
    • Mutations
    • Actions
    • Modules

    四大辅助函数

    • mapState
    • mapGetters
    • mapActions
    • mapMutations

    运行流程

    • State是数据data的存储仓库,可划分为子模块module,每个module有自立的上下文对象context,有自己的state、mutation、action、getters、modules等等体系

    • Getters 主要用来从State中获取数据,优点是具有通用性

    • Mutations 是用来更新state状态仓库里的数据的,唯一更改数据地方,实时同步修改,不能异步,不能异步,不能异步

    • Actions 主要补充增加 异步更新 state仓库数据的功能,内部依然是触发Mutation来实现

    • Modules 为了划分state模块,便于管理数据仓库

    注意:Getters,Mutations,Actions无论是不是在module块中,都会直接挂载到 vuex的实例 store上,只有state保持链式命名空间,比如,store.state.module[key]等等,所以如果是子模块的state,直接用辅助函数mapState是获取不到的.

  • 相关阅读:
    把函数作为参数,调用的时候,先判断这个参数是不是存在,然后调用函数的时候加上()
    @keyframes 和animation配合使用
    让sublime text3支持Vue语法高亮显示
    vue.js中的vue-cli中各个文件简单介绍
    函数节流
    Ajax原理
    Ajax同步
    判断数据类型的方法
    闭包的用途
    vue模板编译
  • 原文地址:https://www.cnblogs.com/donglegend/p/6841629.html
Copyright © 2011-2022 走看看