关于vue.js:vue-conf-2021-points

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)