Vue 3 页面渲染完毕后执行一次：onMounted 生命周期函数详解

在 Vue 3 中，可以使用 onMounted 函数来实现只在页面渲染完毕加载一次的生命周期函数。这个函数是在组件挂载到 DOM 上后立即执行的。\n\n具体的用法如下：\n\njavascript\nimport { onMounted } from 'vue';\n\nexport default {\n setup() {\n onMounted(() => {\n // 在页面渲染完毕后执行的代码\n });\n\n // ...\n }\n};\n\n\n在 onMounted 函数的回调函数中，可以编写需要在页面渲染完毕后执行的代码。这样就可以确保代码只会在页面渲染完毕后执行一次。\n\n需要注意的是，onMounted 函数只能在 setup 函数中使用。