What's New in Vue 3
Series episodes
Updates (10)
Meet Vite
4m 10sDiscover Vite, a fast alternative to Vue CLI using native ES modules. Learn how it speeds up Vue 3 development and why it’s perfect for modern apps!
Fragments or Multiple Root Nodes
4m 11sDiscover how Vue 3 supports multiple root nodes in components. Learn practical examples and tips to keep your VSCode linting happy in this friendly tutorial.
The Composition API
10m 57sLearn Vue 3’s Composition API by converting a Todo app from the Options API. Understand this key feature to write modern, flexible Vue code with confidence.
Composition API: Refs
6m 29sExplore Vue’s Composition API refs for managing reactive state. Learn the pros and cons compared to reactive for cleaner, more efficient code in this episode.
Composition API: Logic Extraction and Reuse
15m 20sLearn to extract and reuse logic with Vue’s Composition API. Discover a cleaner, more flexible alternative to mixins for better code organization and reuse.
Teleport
6mDiscover Vue’s Teleport feature, letting you render code anywhere in the DOM for flexible layouts and cleaner component structure. Learn how to use it effectively!
Change Detection
2m 55sDiscover how Vue 3 improves change detection for objects and arrays with its new proxy-based API, fixing Vue 2’s caveats for smoother reactivity and performance.
Multiple V-Models
5m 26sLearn how to use multiple v-models on custom Vue components to effortlessly sync state between parent and child, enhancing your app’s reactivity and control.
Global API Changes
4m 24sExplore Vue 3's Global API changes, instance methods, and global tree shaking to write cleaner, more efficient code in this engaging Laracasts tutorial.
Upgrading to Vue 3
10m 56sDiscover key Vue 3 upgrades, breaking changes, and smart alternatives. Master initializing Vue, event APIs, filters, inline templates, and v-model with ease!
Experimental Features (2)
Suspense
8m 22sLearn how Suspense simplifies loading states by rendering fallback content seamlessly before your component is ready. Try this experimental feature today!
and
5m 20sLearn how to simplify Vue’s Composition API with <script setup> and use <style vars> to reference state in styles. Follow this friendly, practical guide!
