Vue3.0正式发布，本次发布所有总结，一起看看!

向右看齐 2022-12-08 12:58 193阅读 0赞

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl8zNjA2NTUxMA_size_16_color_FFFFFF_t_70_pic_center]

2020年09月18日，`Vue.js 3.0` 正式发布。本次发布框架本身带来了几个大点的改进，以及功能和历程的一些总结!

#### 1.3.0历程 ####

*  3.0版本代表了2年多的开发工作
 *  具有30多个RFC
 *  2600多个提交
 *  来自99个贡献者
 *  628个拉取请求
 *  大量开发和文档工作

#### 2.Vue的使命 ####

> 成为任何人都可以快速学习的易于接近的框架

#### 3.性能方面的优化 ####

*  路由懒加载
 *  keep-alive缓存页面
 *  使用v-show复用DOM
 *  v-for 遍历避免同时使用 v-if
 *  长列表性能优化
 *  事件的销毁
 *  图片懒加载
 *  第三方插件按需引入
 *  无状态的组件标记为函数式组件
 *  子组件分割
 *  变量本地化
 *  SSR

#### 4.更好的TypeScript集成 ####

*  改进的TypeScript支持，编辑器能提供强有力的类型检查和错误及警告
 *  更好的调试支持

#### 5.用于处理大规模用例的新API ####

*  reactive
 *  ref
 *  computed
 *  readonly
 *  watchEffect
 *  watch
 *  unref
 *  toRef
 *  toRefs
 *  isRef
 *  isProxy
 *  isReactive
 *  isReadonly
 *  customRef
 *  markRaw
 *  shallowReactive
 *  shallowReadonly
 *  shallowRef
 *  toRaw

#### 6.分层内部模块 ####

Vue 3.0内核仍然可以通过一个简单的`<script>`标签使用，但其内部结构已被彻底重写为一组解耦的模块。新的体系结构提供了更好的可维护性，并允许最终用户通过摇树来减少运行时大小的一半。

##### 模块如下: #####

![760bb35947cd6321fc6fdc010f9f97e4.png][]

##### 模块提供的功能点: #####

1.编译器支持用于构建时自定义的自定义AST转换（例如，构建时i18n）

2.核心运行时提供`API`用于创建针对不同渲染目标（例如`本机移动设备`，`WebGL`或`终端`）的自定义渲染器。默认`DOM`渲染器使用相同的API构建。

3.该`@vue/reactivity`模块导出的功能可以直接访问`Vue`的反应系统，并且可以用作独立程序包。它可以与其他模板解决方案（例如`lit-html`）配对，甚至可以用于非UI方案。

#### 7.composition-api设计目的 ####

旨在解决大型应用程序中Vue使用的难点。  
Composition API建立在反应性API之上，与2.x基于对象的API相比，可实现类似于React挂钩的逻辑组成和重用，更灵活的代码组织模式以及更可靠的类型推断。

#### 8.性能改进(相对Vue2) ####

*  通过摇树(减轻了多达41％的资源大小)
 *  初始渲染（加快了多达55％的速度）
 *  更新速度:（加快了133％的速度）
 *  内存占用:(最多减少54％)

#### 9.提供的两个实验性功能 ####

*  `<script setup>`

> 用于在SFC中使用Composition API的语法糖

*  `<style vars>`

> SFC中状态驱动的CSS变量

#### 9.迁移3.0指南 ####

https://v3.vuejs.org/guide/migration/introduction.html

#### 10.兼容IE11 ####

计划在2020年第四季度重点关注它们。因此，计划迁移现有v2应用程序的用户或者需要IE11支持人员此时应意识到这些限制。

#### 11.后续计划 ####

*  迁移版本
 *  IE11支持
 *  新devtools中的Router和Vuex集成
 *  Vetur中模板类型推断的进一步改进

#### 新文档链接: ####

*  新官网  
    https://v3.vuejs.org/
 *  迁移指南  
    https://v3.vuejs.org/guide/migration/introduction.html
 *  Composition API  
    https://v3.vuejs.org/guide/composition-api-introduction.html

> 最后微信搜一搜【前端人】关注鬼哥，关注后回复【资料】有我准备的一线大厂面试资料和简历模板，希望大家都能找到心仪的工作，关注后回复【加群】，和前端大军一起前端进阶

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl8zNjA2NTUxMA_size_16_color_FFFFFF_t_70_pic_center 1]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl8zNjA2NTUxMA_size_16_color_FFFFFF_t_70_pic_center]: /images/20221123/007a620a98704c928e8d1cfcae4de0e2.png
[760bb35947cd6321fc6fdc010f9f97e4.png]: /images/20221123/0cea6dc08cce4cd2aa14b0c50c5e765e.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl8zNjA2NTUxMA_size_16_color_FFFFFF_t_70_pic_center 1]: /images/20221123/d741cf66aacd48cda7cf294436efabeb.png