Vue3 页面加载时执行方法 - mounted 钩子函数详解

<p>在 Vue3 中，页面加载时执行的方法可以写在 `mounted` 钩子函数中。</p>
<p>示例代码如下：</p>
<p>`javascript
import { createApp } from 'vue';</p>
<p>const app = createApp({
mounted() {
// 页面加载时执行的方法
console.log('页面加载完成');
}
});</p>
<p>app.mount('#app');
`</p>
<p>在上述代码中，我们在 `createApp` 函数中定义了一个 `mounted` 钩子函数，当页面挂载完成后会自动执行其中的代码。你可以在该钩子函数中编写页面加载时需要执行的逻辑。最后通过 `app.mount('#app')` 将应用挂载到指定的 DOM 元素上。</p>
<p>需要注意的是，Vue3 中的 `mounted` 钩子函数是在组件挂载到 DOM 后才会执行的，而非全局的页面加载完成后执行的方法。如果你需要在全局页面加载完成后执行方法，可以将该代码放在 Vue 实例外的地方，例如在 `index.html` 文件中的 `<script>` 标签中执行。</p>