vue3 setup 语法糖 ref绑定demo使用

ref绑定demo 需要挂载在 onMounted 这个生命周期下才能正常的显示出来

<template>

  <div>我是mode组件</div>

  <input ref="refInput" type="text" value="我是value">

</template>


<script setup>

import { ref, onMounted } from 'vue'


const refInput = ref(null)


console.log('refInput',refInput.value)

onMounted(() => {

  console.log('refInput2',refInput.value)

})

</script>

如图