learnVue

:octocat:Vue.js 源码解析

Github stars Tracking Chart

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 内部运行机制》或许可以帮到你。

获取更多前端领域优质技术博文

扫码或微信搜索“前端技术优选”,长期分享前端及Node.js领域优质技术博文,欢迎关注。

与更多技术同行交流

关于作者

作者: 染陌

Email:answershuto@gmail.com

Github: https://github.com/answershuto

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

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

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

Main metrics

Overview
Name With Owneranswershuto/learnVue
Primary LanguageJavaScript
Program languageJavaScript (Language Count: 1)
Platform
License:
所有者活动
Created At2017-04-27 09:03:08
Pushed At2023-02-16 16:48:01
Last Commit At2022-12-09 17:36:14
Release Count0
用户参与
Stargazers Count12.7k
Watchers Count491
Fork Count2.6k
Commits Count253
Has Issues Enabled
Issues Count34
Issue Open Count13
Pull Requests Count28
Pull Requests Open Count6
Pull Requests Close Count9
项目设置
Has Wiki Enabled
Is Archived
Is Fork
Is Locked
Is Mirror
Is Private