vue从哪看组件版本_VUE源码解析之路

Vue 是一个 MVVM 框架，一个数据响应式的组件系统，通过把页面抽象成一个个组件来增加复用性，降低复杂性，提高维护便利性。所以重要的事情说三遍： 

页面一个视图区域抽象成组件，通用型工具抽出公共组件；
页面一个视图区域抽象成组件，通用型工具抽出公共组件；
页面一个视图区域抽象成组件，通用型工具抽出公共组件。

Vue 是数据操纵视图变化，Virtual DOM 把最少的变动应用到真实的 DOM 上，以提升性能。

截止至目前(2021年01月23日)，Vue 最新 release 版本为 2.6.12，Vue 3.0beta 版本已经发布。
下一个 release 版本将是 3.0.4。
此前的历史版本分别是 0.11、0.12、1.x。
vue-cli 最新版本 4.5.9，下一个 release 版本将是 5.0.0-alpha.0。 

Vue 流程图

相关文档

Vue.js 官网(https://cn.vuejs.org/v2/guide/)

Vue API(https://cn.vuejs.org/v2/api/)

Vue 官网仓库(https://github.com/vuejs)

Vue-Router 路由(https://router.vuejs.org/zh-cn/)

Vuex 状态管理(https://vuex.vuejs.org/zh-cn/)

基于 John Resig 的 HTML Parser(https://johnresig.com/blog/pure-javascript-html-parser/)

基于 snabbdom 的 Virtual DOM(https://github.com/snabbdom/snabbdom)

VSCode 搭建 Vue 源码调试环境(视频)(https://www.bilibili.com/video/av20149603/)

Vue 源码解析准备篇(精选)(https://www.jianshu.com/p/c914ccd498e7?from=timeline)

Vue 源码解析参考(https://github.com/answershuto/learnVue)

源码解析目录

1. 认识 Flow，Flow 的基本语法

2. 原型与原型继承

3. Object.defineProperty

4. Vnode 虚拟节点概念 (snabbdom)

5. 函数柯里化

6. Macrotask(宏任务) 与 Microtask(微任务)

7. 递归编程算法

8. 编译原理基础

9. Vue 源码目录设计

10. Vue 源码构建

11. Vue 运行机制

12. Vue 渲染 Render 函数

13. Vue 编译入口

14. Vue 编译之 parser(模板解析)、optimize、codegen(生成 render 工具函数)

15. JS 模拟 DOM 模型树

16. template 模板引擎

17. Vue 的 template 编译，从 template 到 DOM，看内部运行机制

18. new Vue 做了什么

19. Vue 怎么实现实例挂载

20. 响应式原理，及响应式对象

21. Vue 数据驱动，从源码角度看数据双向绑定

22. 依赖收集

23. Vue 响应式派发更新

24. Vue 实现的 VNode 虚拟节点

25. Vue 实现的 Virtual DOM 与 差异diff 及 patch 机制

26. Vue 批量异步更新 DOM 策略及 nextTick 原理

27. Computed(计算属性)与 Watcher(观察属性)

28. Vue 生命周期，组件生命周期

29. Vue 组件化，及 CreateComponent 创建组件

30. 组件合并配置

31. 组件注册

32. Vue 异步组件

33. 组件间通信

34. Vue 指令

35. Vue Event 事件机制

36. v-model

37. slot 插槽

38. keep-alive 组件的使用及其实现原理

39. transition

40. transition-group

41. Vue-Router 路由注册

42. Vue-Router 路由对象

43. Vue-Router 路径切换

44. matcher

45. Vuex 状态管理的工作原理

46. Vue 使用 Proxy

47. Vue 使用 TypeScript

48. Vue 插件体系设计

49. Vue 改(mo)良(fang) React Hooks

50. Vue 为什么可以做到不使用 Class