1、更快，vue3比vue2的运行时(runtime)快了2倍
1、重写了vdom的实现
Vue3如何重写vdom，相关文章可以看这里。
2、运行时编译的优化
- Slot 默认编译为函数：父子之间不存在强耦合，提升性能
- Monomorphic vnode factory：参数一致化，给它children信息
- Compiler-generated flags for vnode/children types：静态标记可以精细到节点中的属性（能够区分出哪些是静态属性不需要计算diff，哪些是动态属性需要计算diff的属性）。
2、更小，支持Tree shaking（按需编译代码）
Vue 3.0中Treeshaking特性相关文章可以看这里。
3、加强了对typescript的支持
- Vue.js 2.x 选用 Flow 做类型检查，来避免一些因类型问题导致的错误，但是 Flow 对于一些复杂场景类型的检查，支持得并不好。
- Vue.js 3.0 抛弃了 Flow ，使用 TypeScript 重构了整个项目。 TypeScript 提供了更好的类型检查，能支持复杂的类型推导；由于源码就使用 TypeScript 编写，也省去了单独维护 d.ts 文件的麻烦。
4、使用composition api（组合 api）
更好的逻辑复用与代码的组合拆分，解决了上下反复滚动修改代码的情况。
更好的类型推导。
5、提供自定义渲染器（开发更多底层功能）
6、vue3采用ES6中Proxy来取代vue2中Object.defineProperty
Object.defineProperty是一个相对比较昂贵的操作，因为它直接操作对象的属性，颗粒度比较小。如果属性值也是对象，就需要递归进行深度遍历。
将它替换为es6的Proxy，在目标对象之上架了一层拦截，代理的是整个对象而不是对象的属性， 不需要遍历操作。这样可以将原本对对象属性的操作变为对整个对象的操作，颗粒度变大。
javascript引擎在解析的时候希望对象的结构越稳定越好，如果对象一直在变，可优化性降低，proxy不需要对原始对象做太多操作。
7、Fragment
组件支持多个节点写法，不需要再在外层套一个根节点。
8、Teleport的使用
Teleport 就像是哆啦A梦中的「任意门」，任意门的作用就是可以将人瞬间传送到另一个地方。有了这个认识，我们再来看一下为什么需要用到Teleport的特性呢，看一个小例子：
在子组件Header中使用到Dialog组件，我们实际开发中经常会在类似的情形下使用到 Dialog ，此时Dialog就被渲染到一层层子组件内部，处理嵌套组件的定位、z-index和样式都变得困难。
Dialog从用户感知的层面，应该是一个独立的组件，从dom结构应该完全剥离Vue顶层组件挂载的DOM；同时还可以使用到Vue组件内的状态（data或者props）的值。简单来说就是,即希望继续在组件内部使用Dialog,又希望渲染的DOM结构不嵌套在组件的DOM中。
可以用包裹Dialog, 此时就建立了一个传送门，可以将Dialog渲染的内容传送到任何指定的地方。
Teleport的使用：
9、Suspense
10、新增vite创建项目
实现原理是利用主流浏览器已经支持 ES6 的 import 发送请求去加载js文件的特性，拦截这些请求，做一些预编译，省去 webpack 冗长的打包时间。使得在大型项目的开发中启动和编译项目更快。
11、生命周期图
vue3中所有的生命周期函数：
总结得比较好的文章推荐：
4234
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
