Vue3 生态进展和计划

演讲者：尤雨溪

稳定Vue3生态

  • Vue Router 4.0 已稳定
  • Vuex 4.0 已稳定
  • Vue3 社区生态逐步赶上
  • Quasar(beta)
  • Element Plus(beta)
  • Ant Design Vue(stable)
  • Vuetify(beta soon)
  • Nuxt3(beta soon)

探索新的开发体验改善

  • 新的构建工具
    • Vite Vite中文文档
      • 类似vue-cli的熟悉体验
      • 基于原生ESM的极速热更新
      • 基于esbuild的依赖预打包
      • 兼容Rollup的插件机制
      • 内置SSR支持
      • ...以及更多
  • 新的静态网站生成器
    • VitePress VitePress文档
      • VuePress的所有优点
      • Vite的速度
      • 避免纯静态内容的double payload和hydration开销
  • 改善书写体验的SFC语法
    • 更多单文件组件编译阶段的优化
      • <script setup> 在线体验
      • RFC
      • 改善在SFC里使用Composition API的体验
      • 对运行时性能和IDE类型检查性能也有帮助
      • <style> 动态变量注入 在线体验
      • RFC
      • 支持用v-bind()在<style>中注入JS变量
      • CSS-in-JS的灵活性, 但几乎没有性能开销
  • Vue Devtools beta channel(6.0)
    • Vue2/3双版本支持
    • Vuex支持coming soon
    • 可扩展的Timeline面板
    • 性能调试面板

  • 更好的IDE/TS支持

    VSCode + Volar = TSX-like IDE experience for Vue SFCs

    • 新的基于Volar的官方VSCode插件
    • 官方的vue-tsc命令行类型检查
    • 提供其他编辑器的LSP整合

  • 不再支持IE11

    Vue3 + Vite = Modern by Default

    • ES2015+
    • 原生ES modules
    • 可选Legacy模式

Vue3.1(Vue2兼容版本)

3.1文档地址

  • Part of 3.1(目前在beta)
  • 默认支持Vue2版本
  • 各项兼容功能可以单独开启关闭

Vue3.2

  • 最终确定 SFC features(<script setup>等)
  • 最终确定 Suspense / async setup
  • 更多的性能调整
  • 自定义 Elements
  • SSR改进

Vue2.7

  • 支持IE11
  • 内置Composition API
  • 预计2021年第三季度

Vue3成为默认版本(2021年第二季度未)

  • npm将默认安装v3
  • 文档将默认指向v3文档