vuex
1 人感兴趣 · 30 次引用
- 最新
- 推荐

Vue-Vuex 学习
Vuex是做什么的?官方的解释是一个专为vue.js应用程序开发的状态管理模式,采用集中式存储管理应用所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。看完是不是一脸问号,状态管理到底是什么?其实可以将其看成把需要多个组件共享的变量全
面对 this 指向丢失,尤雨溪在 Vuex 源码中是怎么处理的
大家好,我是若川。好久以前我有写过《面试官问系列》,旨在帮助读者提升JS基础知识,包含new、call、apply、this、继承相关知识。其中写了 面试官问:this 指向 文章。在掘金等平台收获了还算不错的反馈。

Velocity.js:一个简单易用、高性能、功能丰富的轻量级 JS 动画库
最近在尝试使用 Vue3 + Vuex4 + Ant Design2 开发一个管理系统,在实现路由切换动画效果时候,无意发现一个轻量级脚本库:Velocity.js。

以 Vuex 为引,一窥状态管理全貌
什么是状态管理?为什么要用状态管理?怎么用好状态管理?我们从起源开始,以 Vuex 为例,共同揭开状态管理的神秘面纱。

【Vuex 源码学习】第十三篇 - Vuex 辅助函数的实现
本篇,主要介绍了 Vuex 辅助函数的实现,主要涉及以下几个点:- Vuex 辅助函数作用和功能介绍;Vuex 辅助函数使用介绍;Vuex 辅助函数原理分析与代码实现;

【Vuex 源码学习】第十二篇 - Vuex 插件机制的实现
本篇,主要介绍了 Vuex 插件机制的实现,主要涉及以下几个点:Vuex 插件机制分析;Vuex 插件机制核心逻辑实现:插件注册、subscribe 订阅收集、replaceState 状态替换;

【Vuex 源码学习】第十一篇 - Vuex 插件的开发
本篇,主要介绍了 Vuex 插件的开发,主要涉及以下几个点:Vuex 插件的使用介绍;Vuex 插件开发和使用分析;Vuex 插件机制的分析;


【Vuex 源码学习】第九篇 - Vuex 响应式数据和缓存的实现
本篇,主要介绍了 Vuex 响应式数据和缓存的实现,主要涉及以下几个点:Vuex 的响应式实现原理;响应式核心方法 resetStoreVM;commit 和 dispatch 的处理;

【Vuex 源码学习】第八篇 - Vuex 对 State 状态的处理
本篇,主要介绍了 Vuex 的 State 状态安装,主要涉及以下几个点:State 状态的安装逻辑;两个核心问题的思路;代码实现以及执行情况分析;

【Vuex 源码学习】第七篇 - Vuex 的模块安装
本篇,主要介绍了 Vuex 模块安装的实现,完成了 action、mutation、getter 的收集和处理:Vuex 模块安装的逻辑;Vuex 代码优化;Vuex 模块安装的实现;Vuex 初始化流程梳理;

【Vuex 源码学习】第六篇 - Vuex 的模块收集
本篇,主要介绍了 vuex 模块收集是如何实现的,主要包括以下几点:Vuex 模块的概念;Vuex 模块的使用;Vuex 模块收集的实现;

【Vuex 源码学习】第五篇 - Vuex 中 Mutations 和 Actions 的实现
介绍 Vuex 中 Mutations 和 Actions 的实现:options中mutations 和 actions方法绑定到 store 实例中;commit、dispatch 方法的实现;

【Vuex 源码学习】第四篇 - Vuex 中 Getters 的实现
本篇,介绍Vuex中getters的实现:将选项中的getters方法,保存到store实例中的getters对象中;借助Vue原生computed实现Vuex中 getters 的数据缓存功能;

【Vuex 源码学习】第三篇 - Vuex 中 State 状态的实现
本篇,介绍了 Vuex 中 State 状态的实现,主要涉及以下几个点: 创建 Store 类中的 State 状态;借助 Vue 实现 State 状态的响应式;

【Vuex 源码学习】第二篇 - vuex 插件安装 install 逻辑
本篇,介绍了 vuex 的 install 插件安装逻辑,包含以下几个点:创建 vuex 插件目录;模块化设计;实现插件安装install时store实例混入逻辑;混入效果测试;

【Vuex 源码学习】第一篇 - Vuex 的基本使用
本篇,介绍了 vuex 的基本用法,主要包含以下几个点:vuex 项目创建;vuex 工作流程介绍;vuex 的基本使用介绍;

Vue 进阶(二十七):Vuex 之 getters, mapGetters, ...mapGetters 详解
Vuex提供了state状态统一管理树,开发者可以在vue中用computed计算属性接收这些公共状态以便使用。当然,也可以在接收原值的基础上对这个值做出一些改造,如:

Vue 进阶(五):与 Vuex 的第一次接触
在 Vue 项目中,如果项目结构简单,父子组件之间的数据传递可以使用 props 或者 $emit 等方式 (详参博文《Vue进阶(六):组件之间的数据传递》)。如果是大型项目,很多时候都需要在子组件之间传递数据,使用之前的方式就不太方便。Vue 的状态管理工具 Vue

Vue 进阶(四):使用 Vuex + axios 发送请求
Vue 原本有一个官方推荐的 ajax 插件 vue-resource,但是自从 Vue 更新到 2.0 之后,官方就不再更新 vue-resource。

Vue 进阶(幺肆捌):Vuex 辅助函数详解
一般情况下,如果需要访问vuex.store中state存放的数据,需要使用this.$store.state.属性名形式。显然,这样访问数据形式代码略显繁杂,辅助函数应运而生。

Vuex 整洁架构之道
如何保持Vuex架构的整洁和可维护,本文将探讨如何为Vuex创建整洁架构的技巧,这个架构的灵感来自于Vuex官方文档和互联网的其他vuex的学习资料。
