New Ways to Vue
summary
Composition API plus script setup syntax and style v-bind remove boilerplate and improve TypeScript and reuse; Vite replaces bundlers with an on‑demand dev server so HMR and startup get visibly faster. Live demos show compile‑time transforms that turn template component usage into real imports (no resolveComponent) and working components auto-importing. Built projects include Vitesse and several unplugin wrappers that run across Vite/Rollup/Webpack and provide Vue 2 polyfills like @vue/composition-api and vite-plugin-vue2 so migrations actually work.
AI-written summary · about
chapters (11)
- 0:00Start
- 1:46Composition API
- 2:27Composability
- 3:13script setup syntax
- 5:04Dev Servers
- 5:45Using Components
- 6:27Components Auto Importing
- 7:59How the compilation work
- 9:16Inspecting Module Graph
- 10:46Vite Ecosystem
- 14:37Starter Templates
related talks
38mHow vite changes the game for Vue and Web development
29mExperience of the new Vue
38mVue 3 Exclusive Interview Vue3 and Beyond
44mVue 3: A Maturation of the Platform
31mSpeed up your development flow with Vite
40mMigrating From Vue CLI to Vite
20mVite - The Next Generation Frontend Tooling
24mHOT New Vue 3 Features