Modern Vue: Latest Updates
Lessons
Introduction
Vue 3.5 Reactive Props Destructure
Vue 3.5 Allow Hydration Mismatch
Vue 3.5 Lazy Hydration
Vue 3.5 useTemplateRef
Vue 3.4 defineModel
Vue 3.4 v-bind same-name shorthand
Vue 3.3 TypeScript Upgrades for Macro
Vue 3.3 Generic Component
Vue 3.3 defineOptions
Vue 3.2 <style> v-bind
Vue 3.2 <script setup>
Vue 3.2 <script setup>
Script Setup syntax
The Script Setup syntax is a ground-breaking feature, but it’s actually very simple.
For example, let’s take a regular Composition API component like this:
📁 /src/App.vue
<tem