vue3.x使用ref获取dom元素

1. 在vue3.x中使用ref获取dom

<template>
    <div class="container">
        <input ref="myRef" value="123" type="text">
    </div>
</template>

import { onMounted, ref } from 'vue'
export default {
    setup(){
        let myRef = ref(null)
        onMounted(() => {
        	console.log('val1', myRef.value)//获取到dom元素
            console.log('val2', myRef.value.value)//获取到dom(input)的value值
            //如果input元素换成div元素
            //获取div的文本内容
            //console.log('val2', myRef.value.innerText)
        })
        return{
            myRef
        }
    }
}

打印结果：