vue.js Nuxt3:当组件卸载时检测?

dced5bon  于 2023-05-18  发布在  Vue.js
关注(0)|答案(1)|浏览(176)

我需要在组件卸载之前清除一些时间间隔。在Vue中有beforeUnmount(...)。Nuxt3中的等价物是什么?

ig9co6j1

ig9co6j11#

Nuxt3将html呈现在服务器上而不是客户端上,vue接管客户端并将从服务器发送的html水合物化,这样你就可以像往常一样使用beforeUnmount了。因为beforeUnmount卸载了vue应用程序,所以它只被称为客户端,因为你在服务器上没有vue应用程序。
在pages文件夹中,假设您有一个名为index.vue的文件

<script setup>
onBeforeUnmount(() => {
  console.log('before unmount')
})
<script>

<template></template>

<style scoped></style>

你去做这些事情的方式一样,你通常会在一个普通的vue应用程序,唯一的事情是nuxt自动为你导入东西,有一个固执己见的文件夹结构设置为你使用和一堆其他东西,但它仍然是vue的框架和典型的生命周期挂钩,你习惯使用仍然适用。

相关问题