Vue CONF 2021 points I care about

Vue 3 Ecological Progress

  • Vue router stability
  • Vuex stability

Development experience improvement

  • Build tool Vite
  • SFC grammar
  • IDE/TS support

vite

  • Similar to vuE-CLI experience
  • Hot updates based on native ESM
  • Esbuild-based dependency prepackaging
  • Compatible with rollup’s plug-in mechanism
  • Built-in SSR support
  • .

VitePress

  • All the advantages of VuePress
  • The speed of Vite
  • Avoid the double payload and encounter costs of static content

Optimization at compile time

  • script setup
<template>
	<h1>{{ msg }}</h1>
</template>

<script setup>
const msg = 'Hello World'
</script>
Copy the code
  • Style dynamic variable injection
<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>Copy the code

Vue Tools

  • Vue 2/3
  • The Timeline panel
  • Performance tuning

IDE Support plan

  • Vetur -> Volar
  • Official vuE-tsc command line type checking
  • Provides LSP integration for other editors

2.7

  • IE11 support

3.1 and 3.2

  • Migration Build
  • Suspense

element 3

headless

  • Element core
  • Element style (Web GL)