vue3.0原理 —— complier

一、为什么要用vue3.0

1.核心代码进行了压缩，核心代码+composition API(合成函数):13.5KB,最小11.75kb
2.所有的runtime(运行时间)：22.5kb（vue2是32kb）

二、vue3.0带来的变化

1.按需加载&组合api
vue2里面是使用生命周期的方法，结合着，data，props，computed，watch这一系列绑定在vue实例上的方法，来控制整个代码。但这样会带来一些问题，当代码非常冗长的时候，或者逻辑非常复杂的时候，组件是不可读的。虽然，filter，directive，mixins带来了一些便利和灵活，但没有解决在组件之前想要共用一些逻辑，又想要这些逻辑容易阅读和理解的问题。
2.TS支持，新增：Fragment、Teleport、Suspense
Fragment：碎片，解决必须写根节点的问题
Teleport：全局组件，比如：弹窗，alert，dialog……
Suspense：异步加载，有些组件需要异步取得某些组件返回的结果渲染的dom结构，Suspense可以在组件里面去异步调取其他组件
3.性能提升1.3~2x