vuex源码太枯燥 ? 撸一个 !

Vuex 是什么 ?

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

vuex

Vuex 核心概念

• State (单一状态树,数据共享数据存储)

• Getter (Vuex 的计算属性,从 state 派生状态)

• Mutation (更改 Vuex state 的惟一方法,同步操做)

• Action (异步操做处理方法,提交 mutation 来更改 state,而不是直接变动)

vllx 作了哪些基本实现?

vllx 对 vuex 源码进行了拆分简化,让源码读起来更简单易懂,也让你经过这个简版的 vllx 理解 vuex 的核心实现,vllx 实现了如下功能:

• Vuex.Store 构造器选项

  ✅ state

  ✅ mutations

  ✅ actions

  ✅ getters

• Vuex.Store 实例方法

  ✅ commit

  ✅ dispatch

vllx 实践

1. Vue.use(vuex) 作了什么？

2. Vue computed 和 Vuex state 如何实现响应 ？

3. Vuex.Store 核心方法 commit,dispatch 的实现 ！

4. 为何说 Vuex getter 至关于 Vue 的 computed ?

demo 使用了 JavaScript modules,须要启动 web 服务器来调试 !

❤️ 结语

若是你和我同样对前端感兴趣,也喜欢"动手",欢迎关注个人博客一块儿玩耍啊~