Nuxt3 提示Hydration completed but contains mismatches

原因：

这个提示的意思是，服务器渲染（SSR）的结果与你完成加载后显示的内容不同。多半是由于你在浏览器里加载了一些数据，比如 localStorage，或者一些全局变量，然后页面就被重新渲染了。

比如我遇到这个问题时，就是因为直接在setup里引用了全局变量，导致报错。

解决方法：

在onMounted中去渲染数据

<script setup>
    const a = ref()
    const test = ref()
    onMounted(()=>{
        a.value = ue
        test.value = getRandom()
    })
</script>