[TOC]

1 Vue3生态计划和进展

第二季度结束的时候,Vue的官网和NPM自动指向Vue3版本

尤雨溪

Vue3基本情况

image.png

Vue核心

  • 稳定Vue3
  • Vue Router 4.0 已稳定
  • Vuex 4.0 已稳定

Vue相关插件库

  • Quasar(beta)
  • Element Plus(beta)
  • Ant Design Vue (stable)
  • Vuetify(beta soon)
  • Nuxt3(beta soon)

    开发体验的提升

    构建工具 Vite

Vite

  • 类似vue-cli的熟悉体验
  • 基于原生ESM的技术热更新
  • 基于esbuild的依赖预打包(go语言开发)
  • 兼容Rollup的插件机制
  • 内置SSR支持

Vite or vue-cli
  • 长期将基于Vite提供更完整的Vue脚手架

    • 主要是测试工具的整合
      VitePress
  • VuePress的所有优点

  • Vite的速度
  • 避免纯静态内容的double payload 和 hydration开销

image.png

改善书写体验的SFC语法

image.png

更多单文件组件编译阶段的优化