Vue 官方文档把生命周期说得很清楚:组件会经历创建、挂载、更新、卸载这些阶段。
<script setup lang="ts">
import { onMounted, onUnmounted } from 'vue';
onMounted(() => {
console.log('店铺开张,开始接客');
});
onUnmounted(() => {
console.log('店铺拆除,清理设备');
});
</script>创建实例
↓
挂载到 DOM
↓
响应式更新
↓
卸载离场