Vue 3.5 响应式新特性

雪
雪
发布于 2026-09-03

Vue 3.5 响应式新特性

Vue 3.5 在响应式系统上做了不少改进。

响应式 Props 解构

Vue
<script setup lang="ts">
const { title, count = 0 } = defineProps<{ title: string; count?: number }>()
</script>

解构后的变量保持响应式，且支持默认值。

useTemplateRef

TypeScript
const inputRef = useTemplateRef<HTMLInputElement>('input')

替代过去字符串 ref 的写法，类型更安全。

升级时记得同步 @vitejs/plugin-vue 与 vue-tsc 版本。