![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Vuex
vuex 相关
绿足
这个作者很懒,什么都没留下…
展开
-
Vuex 之 module 使用方法及场景
vuex 之 module 使用方法及场景一. module 使用场景 在项目开发过程中,随着项目逐渐增大,数据关联复杂度逐渐加大, 多人协同开发,人员变动等。 我们会遇到vuex数据更新时,执行某个action 导致同名/未预测到的关联数据发生了变化。 vue 基本思想之一便是数据驱动, ...原创 2019-07-22 17:43:00 · 22549 阅读 · 1 评论 -
Vuex 源码解析6 (store)
Vuex 源码解析5 (store)一. storeimport applyMixin from './mixin'import devtoolPlugin from './plugins/devtool'import ModuleCollection from './module/module-c...原创 2019-07-21 16:56:40 · 336 阅读 · 0 评论 -
Vuex 源码解析5 (index.js , index.esm.js, mixin.js)
Vuex 源码解析5 (index.js , index.esm.js,mixin.js)一. index.jsimport { Store, install } from './store'import { mapState, mapMutations, mapGetters, mapActions, createNa...原创 2019-07-20 21:44:29 · 995 阅读 · 0 评论 -
Vuex 源码解析4 (之helpers, util.js)
Vuex 源码解析4 (之helpers, util.js)一. helpers.js vuex辅助函数// 标准化命名空间export const mapState = normalizeNamespace((namespace, states) => { const r...原创 2019-07-19 00:06:36 · 331 阅读 · 0 评论 -
Vuex 源码解析3 (Plugins)
Vuex 源码解析3 (Plugins)一. plugins/devtool.js devtoolPlugin 主要功能是利用Vue 的开发者工具和Vuex做配合,通过开发者工具的面板展示Vuex的状态。/* 从window对象的__VUE_DEVTOOLS_GLOBAL_HOOK__...原创 2019-07-18 23:35:42 · 249 阅读 · 0 评论 -
Vuex 源码解析2 (之 Module)
Vuex 源码解析2 (之 Module)一. Module/module.js (module 类) 1. 首先附上源码import { forEachValue } from '../util'// Module 构造类export default class Module { constr...原创 2019-07-17 23:40:08 · 262 阅读 · 0 评论 -
Vuex 源码解析1
Vuex 源码解析第一部分我们来了解下vuex 的由来,使用及原理。一. Vuex 的由来、原理 Vuex 是专门为Vue.js 框架设计的。用于对Vue.js应用程序进行状态管理的库。它借鉴Flux, redux的基本思想,将共享的数据抽离到全局,以一个单例存放,同时利用Vue.js的响应式机制来进行高效的状态管理与更新。 二. Vuex 数据流程图...原创 2019-07-17 22:52:39 · 161 阅读 · 0 评论