vue_ref的作用> 可以获取页面中的元素 ```js ```> 可以获取页面中的元素 ```js ```> 可以获取

可以获取页面中的元素

<template>
    <h2>ref的另一个作用:可以获取页面中的元素</h2>
    <input type="text" ref="inputRef" />
</template>

<script lang="ts">
import { defineComponent, onMounted, ref } from 'vue'

export default defineComponent({
    name: 'App',
    setup() {
        const inputRef = ref<HTMLElement | null>(null)
        onMounted(() => {
            // 页面载入后,输入框获取焦点
            inputRef.value && inputRef.value.focus()
        })
        return { inputRef }
    },
})
</script>