vue3中操作dom使用ref

比如使得内容为大写

<h3 ref="upper">{{msg}}</h3>

import {ref,onMounted} from 'vue'

data(){
			return {
				msg:'aaa'
			}
		},

重点

setup(){
			const upper=ref(null);
			onMounted(()=>{
				var s=upper.value.innerHTML.toUpperCase();
				upper.value.innerHTML=s
				console.log(s)
			})
			return {
				upper
			}
		},