Vue 3.0 新特性都出来了，所以 Vue 2.0 源码你看了吗？

尤大于 6 月 4 日，在深圳某科技公司做了一次 Vue 相关的技术分享。介绍了 vue 3.0 的相关特性。

• Vue 团队和发展状态介绍
• 设计思路及与其他框架的比较
• 生态介绍和方案推荐
• 3.0 新特性、改动介绍
• Vue 的培训和学习线路 & QA

以下是 微信推文的原文

https://mp.weixin.qq.com/s/7_M6RonRpE7vTErIua3nvQ

我们的重点放在标题的第二段。

你该不会连 Vue 每个目录都不知道是干嘛的吧。 ( Excuse me ? 感觉有点像在说自己 ?)

Vue
	-dist               //  打包后不同版本的 vue 文件
	-examples           // 使用 vue 测试的一些例子
	-flow               // 类型声明、类型检测。 flow是一种静态类型检测工具
	-packages           //  这里 
	-src                // vue 所有的源码都在这里
		-compiler       // 这里放的是将模板 解析成 dom 树的源码目录
		  -codegen       //根据 ast 生成 render 函数
		  -directives     //处理指令
		  -parser     //模板解析
		-core           // 核心代码
		  -components   //全局的组件，这里只有keep-alive
		  -global-api 全局的方法、比如Vue.use、extend、minxin等
		  -instance    //实例相关、比如实例方法、生命周期、事件等
		  -observer  //双向绑定
		  -util          //工具方法，比如 输入错误提示
		  -vdom     //  Virtual DOM 相关
		-platforms   // 平台相关内容 这里我还没仔细看
		-server   //服务器渲染相关
		-sfc   // 暂时没看
		-shared  共享的工具方法
	-test   // 测试用例
	-types   // 这里是用 ts 定义的类型
	
	.babelrc.js  
	.editorconfig
	.eslintrc.js
	.eslintigonre
	.flowconfig

好了这里大概就是 vue 整体的目录了。

从明天开始，整理一下以前 过的一些 vue 源码的相关笔记，然后准备迎战 3.0

我个人觉得 学习开源的代码 不只能学到优秀的设计思路，还能学习到不同的代码实现逻辑。还能让我在对 公司以前的项目 进行维护时、更好的看清楚他们的代码逻辑，减少修改代码后 对其他模块的影响。