Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/answershuto/learnVue
:octocat:Vue.js 源码解析
https://github.com/answershuto/learnVue
diff dom dom-nexttick vue vue-router vue-template vuex
Last synced: about 1 month ago
JSON representation
:octocat:Vue.js 源码解析
- Host: GitHub
- URL: https://github.com/answershuto/learnVue
- Owner: answershuto
- Created: 2017-04-27T09:03:08.000Z (over 7 years ago)
- Default Branch: master
- Last Pushed: 2023-02-16T16:48:01.000Z (almost 2 years ago)
- Last Synced: 2024-10-29T15:12:18.693Z (about 1 month ago)
- Topics: diff, dom, dom-nexttick, vue, vue-router, vue-template, vuex
- Language: JavaScript
- Homepage: https://github.com/answershuto/learnVue
- Size: 2.29 MB
- Stars: 12,656
- Watchers: 492
- Forks: 2,578
- Open Issues: 19
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
- awesome-fe-study-source - Vue.js 源码解析
- studyLogs - learnVue - VueJs源码解析 (Uncategorized / Uncategorized)
- awesome-github-star - learnVue
- awesome-frontend - learnVue
- awesome-coding - Vue.js 源码解析
README
# learnVue
## 介绍
Vue.js源码分析，记录了个人学习Vue.js源码的过程中的一些心得以及收获。以及对于Vue框架，周边库的一些个人见解。
在学习的过程中我为Vue.js（2.3.0）、Vuex（2.4.0）、Vue-router（3.0.1）加上了注释，分别在文件夹[vue-src](./vue-src)、[vuex-src](./vuex-src)以及[vue-router-src](./vue-router-src)中，希望可以帮助有需要的同学更好地学习理解Vue.js及周边库的源码。
感谢[尤大](https://github.com/yyx990803)提高生产力。
本项目希望对Vue.js做更进一步的探索与学习，Vue.js基础内容请参考Vue.js官网，[https://cn.vuejs.org/v2/guide/](https://cn.vuejs.org/v2/guide/)。
可能会有理解存在偏差的地方，欢迎提issue指出，共同学习，共同进步。
---
## 目录
### 源码相关
[Vue.js响应式原理](./docs/响应式原理.MarkDown)
[Vue.js依赖收集](./docs/依赖收集.MarkDown)
[从Vue.js源码角度再看数据绑定](./docs/从源码角度再看数据绑定.MarkDown)
[Vue.js事件机制](./docs/Vue事件机制.MarkDown)
[VNode节点(Vue.js实现)](./docs/VNode节点.MarkDown)
[Virtual DOM与diff(Vue.js实现)](./docs/VirtualDOM与diff(Vue实现).MarkDown)
[聊聊Vue.js的template编译](./docs/聊聊Vue的template编译.MarkDown)
[Vue.js异步更新DOM策略及nextTick](./docs/Vue.js异步更新DOM策略及nextTick.MarkDown)
[从template到DOM（Vue.js源码角度看内部运行机制）](./docs/从template到DOM(Vue.js源码角度看内部运行机制).MarkDown)
[Vuex源码解析](./docs/Vuex源码解析.MarkDown)
[聊聊keep-alive组件的使用及其实现原理](./docs/聊聊keep-alive组件的使用及其实现原理.MarkDown)
### 随笔杂谈
[Vue组件间通信](./docs/Vue组件间通信.MarkDown)
[说说element组件库broadcast与dispatch](./docs/说说element组件库broadcast与dispatch.MarkDown)
---
## 对于新手同学
由于以上内容都是针对 Vue.js 源码进行讲解了，可能有一些不太熟悉源码的同学读起来感觉晦涩难懂。
笔者撰写的[《剖析 Vue.js 内部运行机制》](https://juejin.im/book/5a36661851882538e2259c0f)或许可以帮到你。
## 关于作者
作者： 染陌
Email：[email protected]
Github: [https://github.com/answershuto](https://github.com/answershuto)
知乎：[https://www.zhihu.com/people/cao-yang-49/activities](https://www.zhihu.com/people/cao-yang-49/activities)
掘金：[https://juejin.im/user/58f87ae844d9040069ca7507](https://juejin.im/user/58f87ae844d9040069ca7507)
对内容有任何疑问，欢迎联系我。