0%

Vue源码学习

今天是2021年3月22日,用vue有一年了,从自学做demo入行到做公司项目,总结了下做过7个公司项目,5个是vue,不过有3个接手时基本已经完成了,只不过同事离职了或者有别的项目,我只负责了开头或者改bug。有两个项目,一个公司内部的看板是独立负责前端,一个是新增的几个模块也是我独立负责前端。
我从githubclone了v2.6.11的版本,用cmd查看了项目目录结构是这样的:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
├─.circleci
├─benchmarks
│ ├─big-table
│ ├─dbmon
│ │ └─lib
│ ├─reorder-list
│ ├─ssr
│ ├─svg
│ └─uptime
├─dist # 项目构建后的文件
├─examples
│ ├─commits
│ ├─elastic-header
│ ├─firebase
│ ├─grid
│ ├─markdown
│ ├─modal
│ ├─move-animations
│ ├─select2
│ ├─svg
│ ├─todomvc
│ └─tree
├─flow # flow的类型声明文件
├─packages
│ ├─vue-server-renderer
│ │ └─types
│ ├─vue-template-compiler
│ │ └─types
│ ├─weex-template-compiler
│ └─weex-vue-framework
├─scripts # 与项目构建相关的脚本和配置文件
│ └─git-hooks
├─src # 项目源代码
│ ├─compiler # 与模板编译相关的代码
│ │ ├─codegen
│ │ ├─directives
│ │ └─parser
│ ├─core # 通用的、与运行平台无关的运行时代码
│ │ ├─components # 内置组件的代码
│ │ ├─global-api # 全局api的代码
│ │ ├─instance # Vue.js实例的构造函数和原型方法
│ │ │ └─render-helpers
│ │ ├─observer # 实现变化侦测的代码
│ │ ├─util
│ │ └─vdom # 实现virtual dom的代码
│ │ ├─helpers
│ │ └─modules
│ ├─platforms # 特定运行平台的代码,如weex
│ │ ├─web
│ │ │ ├─compiler
│ │ │ │ ├─directives
│ │ │ │ └─modules
│ │ │ ├─runtime
│ │ │ │ ├─components
│ │ │ │ ├─directives
│ │ │ │ └─modules
│ │ │ ├─server
│ │ │ │ ├─directives
│ │ │ │ └─modules
│ │ │ └─util
│ │ └─weex
│ │ ├─compiler
│ │ │ ├─directives
│ │ │ └─modules
│ │ │ └─recycle-list
│ │ ├─runtime
│ │ │ ├─components
│ │ │ ├─directives
│ │ │ ├─modules
│ │ │ └─recycle-list
│ │ └─util
│ ├─server # 与服务端渲染相关的代码
│ │ ├─bundle-renderer
│ │ ├─optimizing-compiler
│ │ ├─template-renderer
│ │ └─webpack-plugin
│ ├─sfc # 单文件组件的解析代码
│ └─shared # 项目公用的工具代码
├─test # 项目测试代码
│ ├─e2e
│ │ └─specs
│ ├─helpers
│ ├─ssr
│ │ └─fixtures
│ ├─unit
│ │ ├─features
│ │ │ ├─component
│ │ │ ├─directives
│ │ │ ├─filter
│ │ │ ├─global-api
│ │ │ ├─instance
│ │ │ ├─options
│ │ │ └─transition
│ │ └─modules
│ │ ├─compiler
│ │ ├─observer
│ │ ├─server-compiler
│ │ ├─sfc
│ │ ├─util
│ │ └─vdom
│ │ ├─modules
│ │ └─patch
│ └─weex
│ ├─cases
│ │ ├─event
│ │ ├─recycle-list
│ │ │ └─components
│ │ └─render
│ ├─compiler
│ ├─helpers
│ └─runtime
│ └─components
└─types
└─test

aa

-------------本文结束感谢您的阅读-------------