Vue3.5正式发布带来了那些新特性？

一、响应式属性解构

二、新增useId()

三、useTemplateRef()

四、内存改进（优化了响应速度）

//父组件 App.vue
<template>  
  <div>  
  	// 传数字和对象
    <Son :count="count"  :obj="obj"/>  
    <button @click="count++">count++</button> <br />  // 这变了，子组件也会变
     <button @click="obj.name = '王五'">姓名变了</button> <br />  /
  </div>  
</template>  
  
<script setup>  
import { ref } from 'vue';  
// 定义一个count  传基本数据类型
const count = ref(0) 

// 传对象类型
const obj = ref({
  name: "张三",
  age: 18,
  count: 0,
});

</script>

// 子组件 Son.vue 
<template>  
  <div>  
    <p>count: {{ count }}</p>  
    <p>count: {{ obj.name}}</p>  
    
  </div>  
</template>  
  
<script setup>  
import { defineProps } from 'vue';  
  
// 使用defineProps来接收 
const { count,obj }= defineProps(['count']); 
console.log('count')   // 0
console.log('obj')   // 对象
</script>

<script setup>
import { useId } from 'vue'

const id = useId()
</script>

<template>
	//   
</template>

<script setup>
	import {useTemplateRef,onMounted} from 'vue'
	const divRef = useTemplateRef("div");
	onMounted(() => {
	  console.log(divRef.value);
	});
<script/>

<template>
  <div ref="div">我是div</div>
</template>