why ref in compoent get dom is empty

[Miofly]

<script lang="ts" setup>
const testRef = ref()

setTimeout(() => {
  console.log(testRef.value); // why not get dom fail
}, 1500);
</script>
<el-main ref="testRef"></el-main>

this version is vue 3.4.19, but i remember old version is correct

[chenxch]

<script lang="ts" setup>
import {ref, onMounted} from 'vue'
const testRef = ref()

onMounted(() => {
  console.log(testRef.value.$el); // why not get dom fail
});
</script>
<template>
<el-main ref="testRef"></el-main>
</template>

Please use life cycle related methods to obtain it accurately.

[Miofly]

i remember old vue version is correct，the new version is fail

https://play.vuejs.org/#eNqNU01r3DAQ/StTXbyBrU1pT8G70JZAW2hakkIvuhh71utUlow+3AXj/56R5LU3m8+DwTPvaebN02hgn7su7R2yS5abUjedBYPWdVsum7ZT2sJX1Xaw06qFJM184OnJDF+rW7QzLn3kzigDKPlTOWmxWoPGHYwTP7K4LJU0FlpTw8bjq+QbCqHgr9KiepdcLJSS2t9QgUgjIKanrg8QLuemq9UFbLYwcAlUQRolMBWqXiVTuWR9LJz2hXBIp8+ISwPiLsFMH+nLs+gfOUeBxbYThUWKAPL9h+0whAHHMc8oCtlGds5C/75VFYoNZ4RzBlkEg+00C+UncZxNULQ8YouYCOfZSWe2ZtbQILumTu+MknTJwYRYshGof3W2oUE5u4z2eKwg7///CDmrHa6P+XKP5b8n8nfm4HOc/dZoUPfI2YzZQtdoI3x1e40H+p9BmtsJYr8A3iBdgvMaI+2LkxXJPuEFtd/DojWy/mOuDhalOQ7lhXrmGPic0cZ5Y58bfZH7Mf0UztHdkovHtX/ilTzYk31h/OKQAuvX9qWVqJo+/ADQoVAspLOYP7/Gk3f1SMPbukj1SpPxHsgBXqk=

[chenxch]

I have also reproduced it. You may need to compare what happened to the setup syntax in recent versions.

[chenxch]

The browser console cannot be absolutely trusted. If you print testRef.value.$el directly, you can also print out the corresponding DOM.

[chenxch]