VUE3_ref和useTemplateRef获取组件实例，ref获取dom对象

1. 旧写法

ref的字符串需要跟js中ref定义的变量名称一样
类型丢失，无法获取到ref定义的title类型

<template><div><h1 ref="title">Hello Vue3.5</h1></div>
</template><script setup>import { ref, onMounted } from 'vue'const title = ref(null)//	const title = ref<HTMLElement | null>(null)	//	可以通过以下方式标注类型，但是不完全onMounted(() => {console.log(title.value)})
</script>

2. 新写法

<template><div><h1 ref="title">Hello Vue3.5</h1></div>
</template><script setup>import { useTemplateRef } from 'vue'const h1 = useTemplateRef('title')onMounted(() => {console.log(h1.value)})
</script>