Vue 3.0 – Things I’m totally hooked on
summary
Vue 3 claims a ground-up rewrite into a monorepo with core pieces split into packages, is written in TypeScript, and aims for a runtime of ~10 KB gzipped vs ~20 KB today; it replaces getter/setter observation with proxies replacing getters/setters so Maps/Sets and added object keys become reactive and Vue.set goes away (IE11 gets a compatibility build). The new APIs include an Advanced Reactivity API (state/value/computed/watch), composition functions with dynamic lifecycle hooks, and benchmarks showing double the speed, half the memory on large component counts; features are shipping as RFCs and prototypes rather than a finished release.
AI-written summary · about
chapters (14)
- 0:00Start
- 0:52Open Source Work
- 2:20Overall Direction
- 4:19Rewritten from the ground up
- 8:09Native Class Syntax Support
- 10:00Written in TypeScript
- 18:01Performance Improvements
- 18:12Double the speed Half the memory usage
- 21:14Advanced Reactivity API • Provides standalone APIs for creating observing and reacting to reactive state Can be used outside of Vue components Imported from @vue/observer
- 25:17Dynamic Lifecycle Injection Allows to dynamically add and remove lifecycle hooks
- 28:40Existing Composition Patterns
- 29:06Mixins
- 30:59Scoped Slots As Renderless Components
- 33:16Composition Functions
