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: 27 days 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 (over 1 year ago)
• Last Synced: 2024-10-13T03:40:15.070Z (27 days 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,650
• Watchers: 491
• Forks: 2,575
• Open Issues: 19
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

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)

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