172

GitHub - answershuto/learnVue: Vue.js源码剖析

 6 years ago
source link: https://github.com/answershuto/learnVue
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.

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:[email protected]

Github: https://github.com/answershuto

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

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

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


About Joyk


Aggregate valuable and interesting links.
Joyk means Joy of geeK