vue3 setup onMounted生命周期怎么写
时间: 2023-11-17 12:12:36 浏览: 97
vue3+ts (源码+笔记+生命周期截图)
在 Vue 3 的 `setup()` 函数中,可以使用 `onMounted()` 函数来注册组件的 `mounted` 生命周期钩子。使用 `onMounted()` 函数的语法如下:
```javascript
import { onMounted } from 'vue'
export default {
setup() {
onMounted(() => {
// 在组件挂载后执行的代码
})
// 其他代码...
}
}
```
在以上代码中,我们从 `'vue'` 包中导入了 `onMounted()` 函数,并在组件的 `setup()` 函数中调用它来注册组件的 `mounted` 生命周期钩子。在 `onMounted()` 函数的回调函数中,我们可以编写在组件挂载后需要执行的代码。
注意:在 Vue 3 中,组件的生命周期钩子都被移除了,取而代之的是基于函数的组合式 API。`setup()` 函数是实现函数式组件逻辑的地方,其中可以使用 `onMounted()` 函数来注册组件的 `mounted` 生命周期钩子。
阅读全文