MCPcopy
hub / github.com/answershuto/learnVue

github.com/answershuto/learnVue @main sqlite

repository ↗ · DeepWiki ↗
815 symbols 2,289 edges 187 files 16 documented · 2%
README

learnVue

介绍

Vue.js源码分析,记录了个人学习Vue.js源码的过程中的一些心得以及收获。以及对于Vue框架,周边库的一些个人见解。

在学习的过程中我为Vue.js(2.3.0)、Vuex(2.4.0)、Vue-router(3.0.1)加上了注释,分别在文件夹vue-srcvuex-src以及vue-router-src中,希望可以帮助有需要的同学更好地学习理解Vue.js及周边库的源码。

感谢尤大提高生产力。

本项目希望对Vue.js做更进一步的探索与学习,Vue.js基础内容请参考Vue.js官网,https://cn.vuejs.org/v2/guide/。 可能会有理解存在偏差的地方,欢迎提issue指出,共同学习,共同进步。


目录

源码相关

Vue.js响应式原理

Vue.js依赖收集

从Vue.js源码角度再看数据绑定

Vue.js事件机制

VNode节点(Vue.js实现)

Virtual DOM与diff(Vue.js实现)

聊聊Vue.js的template编译

Vue.js异步更新DOM策略及nextTick

从template到DOM(Vue.js源码角度看内部运行机制)

Vuex源码解析

聊聊keep-alive组件的使用及其实现原理

随笔杂谈

Vue组件间通信

说说element组件库broadcast与dispatch


对于新手同学

由于以上内容都是针对 Vue.js 源码进行讲解了,可能有一些不太熟悉源码的同学读起来感觉晦涩难懂。

笔者撰写的《剖析 Vue.js 内部运行机制》或许可以帮到你。

关于作者

作者: 染陌

Email:answershuto@gmail.com

Github: https://github.com/answershuto

知乎:https://www.zhihu.com/people/cao-yang-49/activities

掘金:https://juejin.im/user/58f87ae844d9040069ca7507

对内容有任何疑问,欢迎联系我。

Extension points exported contracts — how you extend this code

ISet (Interface)
(no doc) [2 implementers]
vue-src/core/util/env.js

Core symbols most depended-on inside this repo

isDef
called by 159
vue-src/shared/util.js
warn
called by 95
vue-router-src/util/warn.js
push
called by 90
vue-router-src/index.js
isUndef
called by 55
vue-src/shared/util.js
replace
called by 32
vue-router-src/index.js
apply
called by 30
vue-src/server/webpack-plugin/client.js
extend
called by 29
vue-src/shared/util.js
match
called by 23
vue-router-src/index.js

Shape

Function 647
Method 129
Class 38
Interface 1

Languages

TypeScript100%

Modules by API surface

vue-src/compiler/parser/index.js27 symbols
vue-src/core/vdom/patch.js26 symbols
vuex-src/store.js25 symbols
vue-src/shared/util.js25 symbols
vue-src/compiler/codegen/index.js23 symbols
vue-router-src/index.js22 symbols
vue-router-src/history/base.js22 symbols
vue-src/platforms/weex/framework.js18 symbols
vue-src/server/template-renderer/index.js16 symbols
vue-src/core/util/env.js15 symbols
vue-router-src/history/hash.js15 symbols
vue-src/core/observer/watcher.js13 symbols

For agents

$ claude mcp add learnVue \
  -- python -m otcore.mcp_server <graph>

⬇ download graph artifact