写点什么

vuex

1 人感兴趣 · 30 次引用

  • 最新
  • 推荐
https://static001.geekbang.org/infoq/b8/b8badfe1531f679f6a5d0757d85b501a.jpeg?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

Vue-Vuex 学习

Vuex是做什么的?官方的解释是一个专为vue.js应用程序开发的状态管理模式,采用集中式存储管理应用所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。看完是不是一脸问号,状态管理到底是什么?其实可以将其看成把需要多个组件共享的变量全

Vuex 在 uniapp 中的使用

用户头像
孙铭
2022-10-24

单一状态树,定义应用状态的默认初始值,页面显示所需的数据从该对象中进行读取。

从零开始 - 50 行代码实现一个 Vuex 状态管理器

50行代码实现核心的Vuex状态管理器,一起来学习下吧

https://static001.geekbang.org/infoq/f4/f4921c10526f5d49c0f9c355d8b21894.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

Vuex 与前端表格施展“组合拳”,实现大屏展示应用的交互增强

Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。

面对 this 指向丢失,尤雨溪在 Vuex 源码中是怎么处理的

用户头像
若川
2022-06-27

大家好,我是若川。好久以前我有写过《面试官问系列》,旨在帮助读者提升JS基础知识,包含new、call、apply、this、继承相关知识。其中写了 面试官问:this 指向 文章。在掘金等平台收获了还算不错的反馈。

https://static001.geekbang.org/infoq/a4/a46632a7578ad1b7738a9070725bd690.jpeg?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

Vue3 过 10 种组件通讯方式

用户头像
德育处主任
2022-02-27

Props、emits、expose/ref、Non-Props、getCurrentInstance、v-model、插槽 slot、provide/inject、总线bus、Vuex、Pinia

https://static001.geekbang.org/infoq/96/96e6dbbf01231d525068c0fc58fe603c.jpeg?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

Velocity.js:一个简单易用、高性能、功能丰富的轻量级 JS 动画库

用户头像
devpoint
2021-12-25

最近在尝试使用 Vue3 + Vuex4 + Ant Design2 开发一个管理系统,在实现路由切换动画效果时候,无意发现一个轻量级脚本库:Velocity.js。

https://static001.geekbang.org/infoq/aa/aaf5d99cd198f29497397fc8443ded6f.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

以 Vuex 为引,一窥状态管理全貌

用户头像
杨成功
2021-12-20

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

https://static001.geekbang.org/infoq/bd/bd632b60f858725586961dbdc6f71940.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

【Vuex 源码学习】第十三篇 - Vuex 辅助函数的实现

用户头像
Brave
2021-10-13

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

https://static001.geekbang.org/infoq/bd/bd632b60f858725586961dbdc6f71940.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

【Vuex 源码学习】第十二篇 - Vuex 插件机制的实现

用户头像
Brave
2021-10-12

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

https://static001.geekbang.org/infoq/bd/bd632b60f858725586961dbdc6f71940.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

【Vuex 源码学习】第十一篇 - Vuex 插件的开发

用户头像
Brave
2021-10-11

本篇,主要介绍了 Vuex 插件的开发,主要涉及以下几个点:Vuex 插件的使用介绍;Vuex 插件开发和使用分析;Vuex 插件机制的分析;

https://static001.geekbang.org/infoq/bd/bd632b60f858725586961dbdc6f71940.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

【Vuex 源码学习】第十篇 - Vuex 命名空间的实现

用户头像
Brave
2021-10-10

上一篇,主要介绍了 Vuex 响应式数据和缓存的实现,主要涉及以下几个点:

https://static001.geekbang.org/infoq/bd/bd632b60f858725586961dbdc6f71940.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

【Vuex 源码学习】第九篇 - Vuex 响应式数据和缓存的实现

用户头像
Brave
2021-10-08

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

https://static001.geekbang.org/infoq/bd/bd632b60f858725586961dbdc6f71940.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

【Vuex 源码学习】第八篇 - Vuex 对 State 状态的处理

用户头像
Brave
2021-10-06

本篇,主要介绍了 Vuex 的 State 状态安装,主要涉及以下几个点:State 状态的安装逻辑;两个核心问题的思路;代码实现以及执行情况分析;

https://static001.geekbang.org/infoq/bd/bd632b60f858725586961dbdc6f71940.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

【Vuex 源码学习】第七篇 - Vuex 的模块安装

用户头像
Brave
2021-10-05

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

https://static001.geekbang.org/infoq/bd/bd632b60f858725586961dbdc6f71940.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

【Vuex 源码学习】第六篇 - Vuex 的模块收集

用户头像
Brave
2021-09-18

本篇,主要介绍了 vuex 模块收集是如何实现的,主要包括以下几点:Vuex 模块的概念;Vuex 模块的使用;Vuex 模块收集的实现;

https://static001.geekbang.org/infoq/bd/bd632b60f858725586961dbdc6f71940.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

【Vuex 源码学习】第五篇 - Vuex 中 Mutations 和 Actions 的实现

用户头像
Brave
2021-09-17

介绍 Vuex 中 Mutations 和 Actions 的实现:options中mutations 和 actions方法绑定到 store 实例中;commit、dispatch 方法的实现;

https://static001.geekbang.org/infoq/bd/bd632b60f858725586961dbdc6f71940.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

【Vuex 源码学习】第四篇 - Vuex 中 Getters 的实现

用户头像
Brave
2021-09-16

本篇,介绍Vuex中getters的实现:将选项中的getters方法,保存到store实例中的getters对象中;借助Vue原生computed实现Vuex中 getters 的数据缓存功能;

https://static001.geekbang.org/infoq/bd/bd632b60f858725586961dbdc6f71940.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

【Vuex 源码学习】第三篇 - Vuex 中 State 状态的实现

用户头像
Brave
2021-09-15

本篇,介绍了 Vuex 中 State 状态的实现,主要涉及以下几个点: 创建 Store 类中的 State 状态;借助 Vue 实现 State 状态的响应式;

https://static001.geekbang.org/infoq/bd/bd632b60f858725586961dbdc6f71940.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

【Vuex 源码学习】第二篇 - vuex 插件安装 install 逻辑

用户头像
Brave
2021-09-14

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

https://static001.geekbang.org/infoq/bd/bd632b60f858725586961dbdc6f71940.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

【Vuex 源码学习】第一篇 - Vuex 的基本使用

用户头像
Brave
2021-09-13

本篇,介绍了 vuex 的基本用法,主要包含以下几个点:vuex 项目创建;vuex 工作流程介绍;vuex 的基本使用介绍;

https://static001.geekbang.org/infoq/bc/bc9090e3a0b99727f98406427370e4aa.jpeg?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

Vue 进阶(二十七):Vuex 之 getters, mapGetters, ...mapGetters 详解

Vuex提供了state状态统一管理树,开发者可以在vue中用computed计算属性接收这些公共状态以便使用。当然,也可以在接收原值的基础上对这个值做出一些改造,如:

单向数据流 - 从共享状态管理:flux/redux/vuex 漫谈异步数据处理

用户头像
zhoulujun
2021-08-07

状态管理的解决思路就是:把组件之间需要共享的状态抽取出来,遵循特定的约定,统一来管理,让状态的变化可以预测。是Vue,还是React,都需要管理状态state。react采用redux集中方案,vue直接给出vuex一把梭。需要注意异步操作

https://static001.geekbang.org/infoq/ad/ada5c23c69c7679349851b0a146fd6e8.jpeg?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

Vue 进阶(五):与 Vuex 的第一次接触

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

https://static001.geekbang.org/infoq/cf/cfcab181d34a8eba9c0fc25ab8b2c54c.jpeg?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

Vue 进阶(四):使用 Vuex + axios 发送请求

Vue 原本有一个官方推荐的 ajax 插件 vue-resource,但是自从 Vue 更新到 2.0 之后,官方就不再更新 vue-resource。

https://static001.geekbang.org/infoq/bc/bc9090e3a0b99727f98406427370e4aa.jpeg?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

Vue 进阶(幺肆捌):Vuex 辅助函数详解

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

一文教会你认识 Vuex 状态机

​​摘要:简单来说,Vuex就是实现组件全局状态(数据)管理的一种机制,可以方便的实现组件之间数据的共享。

前端项目配置 ts,axios,router,vuex

用户头像
2021-05-06

前端项目配置ts,axios,router,vuex

https://static001.geekbang.org/infoq/b9/b921d62d72793e29112c88f45899950e.jpeg?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

Vuex 整洁架构之道

用户头像
devpoint
2021-04-11

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

https://static001.geekbang.org/infoq/b0/b0a9d9eaaf9822188cdf085e01b01069.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

快速学一遍 vue 的状态管理模式 -- Vuex

用户头像
空城机
2021-04-05

vue的状态管理模式——vuex的简单学习。开阔知识和技巧掌握面啦!!!

vuex_vuex技术文章_InfoQ写作社区