Vue 3.5 New Features: Complete Overview

Vue 3.5 brings several exciting features that improve developer experience and application performance. Let’s dive into what’s new.

Reactive Props Destructuring

vue

<script setup>
const { title, count = 0 } = defineProps(['title', 'count'])
</script>

Props are now reactive when destructured in <script setup>. This was a highly requested feature!

useTemplateRef()

vue

<script setup>
import { useTemplateRef, onMounted } from 'vue'

const inputRef = useTemplateRef('input')

onMounted(() => {
  inputRef.value?.focus()
})
</script>

<template>
  <input ref="input" />
</template>

Deferred Teleport

vue

<Teleport defer to="#container">
  <div>Teleported content</div>
</Teleport>

The defer attribute ensures the target element exists before teleporting.

Performance Improvements

56% faster SSR
Improved memory usage in reactive system
Better tree-shaking support

Migration

Upgrade is seamless for most applications:

bash

npm update vue