learnVue README

The project's README from github.com/answershuto/learnVue. As one markdown file: README.md.

learnVue

介绍

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

在学习的过程中我为Vue.js(2.3.0)、Vuex(2.4.0)、Vue-router(3.0.1)加上了注释,分别在文件夹vue-src、vuex-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

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

learnVue (answershuto/learnVue)

Searching Database…

12.6K ·GitHub
这是什么?这是一份带注释的 Vue.js 源码解读,由作者以个人笔记的形式写成,记录了其研究 Vue、Vuex 和 Vue Router 内部实际工作原理的过程。
这是我要安装的库,还是只用来阅读的内容?它不是可以运行的库或工具,而是一个用来阅读的仓库:包括带注释的源码文件,以及一系列解释 Vue 内部机制的 Markdown 文章,涵盖响应式、虚拟 DOM 与 diff、nextTick、模板编译、Vuex、keep-alive 等主题。
内容是怎么组织的?仓库分为几个源码文件夹(vue-src、vuex-src、vue-router-src),其中有行内注释;另有一份文章目录,涵盖响应式、依赖收集、VNode、diff、模板编译、异步更新与 nextTick、Vuex 内部机制以及 keep-alive 等主题。
我需要先了解 Vue 的基础知识吗?需要。本内容讲的是源码内部机制,而不是 Vue 基础,因此在深入阅读之前,你需要已经会通过官方文档使用 Vue.js。
这份内容涵盖的是哪个 Vue 版本?注释基于特定的较旧版本:Vue.js 2.3.0、Vuex 2.4.0 和 Vue Router 3.0.1,因此这份源码解读可能与当前 Vue 3 的内部实现不一致。
如果源码注释太难理解怎么办?作者推荐了自己的书《剖析 Vue.js 内部运行机制》,对于不熟悉阅读源码的读者来说,这是一个更容易入门的选择。
文章目录涵盖哪些主题?响应式原理、依赖收集、数据绑定、事件系统、VNode、虚拟 DOM 的 diff、模板编译、异步 DOM 更新与 nextTick、Vuex 源码分析、keep-alive 内部机制,以及组件通信模式。
这是 Vue 官方的资源吗?不是。这是作者(GitHub 用户名 answershuto)独立完成的个人学习项目,不由 Vue.js 核心团队维护,也未获其认可。
Size
2.3 MB
Stars
12.6K
Updated
CommitDec 09
Age
9y
Commits · 90 Days