文章目录
前言
vue3.0已经上线有一段时间了，最近终于有机会在项目中接触到vue3，所以想要从头开始学习一下源码，好记性不如烂笔头，学习的时候在这里做下笔记，和想要学习vue3 的小伙伴们一起进步
一、vue3 与 vue 2.x 有什么区别？
- 3.0比2.0 快2倍
- List item
- 3.0去掉了filter, 么有beforeCreate created,用setup取代
- reactivity是可以单独作为库使用的
- 单独功能可以抽离 取代了mixin 优于mixin 解决上下反复横跳
- 支持多个子节点 fragment
- setup里没有this
- Proxy实现响应式不需要set delete 兼容性并不好
- 响应式方面 性能得到很大提升 不用初始化的时候就递归遍历属性
- 响应式不区分数组和对象
- 3.0兼容IE12以上
二、目录结构
packages：拆分成多个package维护
- compiler-core：编译核心
- compiler-dom：编译 dom
- compiler-sfc：编译 SFC
- compiler-ssr：编译SSR
- reactivity：响应性
- runtime-core：运行时核心
- runtime-dom：运行时dom
- runtime-test：运行时测试
- server-renderer：服务端渲染
- shared：分享内容
- size-checked：大小检查
- template-explorer：模板探索
- vue：vue输出包
- vue-compat：针对vue2的兼容版本
- global.d.ts
总结
以上就是今天要学习的内容，本文仅仅简单介绍了vue3的目录结构，而vue3还有很多优化，下次再学习。
