vue conf 2021里我关怀的points

Vue 3生态停顿

  • vue router稳固
  • vuex稳固

开发体验改良

  • 构建工具vite
  • SFC语法
  • IDE/TS反对

vite

  • 相似vue-cli的体验
  • 基于原生ESM的热更新
  • 基于esbuild的依赖预打包
  • 兼容rollup的插件机制
  • 内置SSR反对
  • ...

VitePress

  • VuePress的所有长处
  • Vite的速度
  • 防止动态内容的double payload和hydration开销

编译阶段的优化

  • script setup
<template>    <h1>{{ msg }}</h1></template><script setup>const msg = 'Hello World'</script>
  • style动静变量注入
<template>    <h1>{{ msg }}</h1></template><script setup>import { ref } from 'vue'  const msg = 'Hello World'const color = ref('red')</script><style>  h1 {    color: v-bind(color)  }</style>

Vue Tools

  • Vue 2/3
  • Timeline面板
  • 性能调试

IDE反对打算

  • Vetur -> Volar
  • 官网的vue-tsc命令行类型查看
  • 提供其余编辑器的LSP整合

2.7

  • IE11反对

3.1和3.2

  • Migration Build
  • Suspense

element 3

headless

  • Element core
  • Element style (Web GL)