大家好，
我想請問要如何解決開啟頁面後，頁面會閃爍一下的問題。

原因是前端的初始值是['1']，渲染頁面。
但從後端接收到的值是['1','2',.......,'100']的陣列時。
dataArray的值改變，頁面會重新選染。

造成進入頁面後，在短短一秒內，畫面會渲染兩次。
肉眼可看到，頁面會閃爍一下。

有辦法讓vue等到接收到後端的值後，才開始選染畫面嗎?
以下的環境是 vite、vue3 。

<script setup>
    import axios from 'axios';
    import { ref } from 'vue'
    const dataArray = ref(['1'])
    ; (function () {
        axios.get('http://localhost/nexttick.php')
            .then((res) => {
                dataArray.value = res.data
            })
            .catch(() => {})
    })()
</script>
<template>
    <section>
        <div v-for="(data, index) in dataArray" :key="'data' + index">
            {{ data }}
        </div>
    </section>
</template>