• 本文只是针对视频内容的重点整顿，如若不分明的中央请看文末链接的现场视频内容。

性能方面的优化

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

更好的TypeScript集成

  • 改良的TypeScript反对，编辑器能提供强有力的类型检查和谬误及正告
  • 更好的调试反对

用于解决大规模用例的新API

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

分层外部模块

  • 内部结构已被彻底重写为一组解耦的模块。新的体系结构提供了更好的可维护性，并容许最终用户通过tree-shaking来缩小运行时大小的一半。
  • 编译器反对用于构建时自定义的AST转换（例如，构建时i18n）
  • 外围运行时提供API用于创立针对不同渲染指标（例如本机挪动设施，WebGL或终端）的自定义渲染器
  • @vue/reactivity模块导出的性能能够间接拜访Vue的响应零碎，并且能够用作独立程序包

composition-api设计目标

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

性能改良(绝对Vue2)

  • 通过tree-sharking(加重了多达41％的资源大小)
  • 初始渲染（放慢了多达55％的速度）
  • 更新速度（放慢了133％的速度）
  • 内存占用（最多缩小54％）

提供的两个试验性功能

  • 单文件组件 Composition API 语法糖 (<script setup>)
  • 单文件组件状态驱动的 CSS 变量 (<style vars>)

相干材料

  • https://github.com/vuejs/vue-next
  • https://v3.cn.vuejs.org/guide/migration/introduction.html#%E6%A6%82%E8%A7%88
  • http://www.yyyweb.com/5391.html
  • 尤雨溪：Vue3.0正式寰球发布会视频
  • https://www.vuemastery.com/courses-path/vue3