第40节: Vue3 注册生命周期钩子

在UniApp中使用Vue3框架时，你可以注册生命周期钩子来执行特定的逻辑。以下是一个示例，演示了如何在UniApp中使用Vue3框架注册生命周期钩子：

<template>  
  <view>  
    <p>{{ message }}</p>  
  </view>  
</template>  
  
<script setup>  
import { ref, onMounted, onUnmounted } from 'vue';  
  
const message = ref('');  
  
onMounted(() => {  
  console.log('Component mounted');  
  // 在这里执行组件挂载后的逻辑  
});  
  
onUnmounted(() => {  
  console.log('Component unmounted');  
  // 在这里执行组件卸载前的逻辑  
});  
</script>

在上面的示例中，我们使用了onMounted和onUnmounted生命周期钩子。onMounted钩子在组件挂载后执行，而onUnmounted钩子在组件卸载前执行。在onMounted钩子中，我们可以在控制台输出一条消息，表示组件已经挂载。在onUnmounted钩子中，我们也可以在控制台输出一条消息，表示组件即将卸载。通过注册生命周期钩子，你可以在组件的生命周期的不同阶段执行特定的逻辑。

订阅专栏，每日更新

教学视频 Uniapp Vue3 基础到实战

第41节：Vue3 watch函数