Fri Jul 12 15:46:24 CST 2024 inscode

src/components/Com1.vue

@@ -63,6 +63,9 @@ onUpdated(() => {
 onActivated(() => {
   /**
    * 注册一个回调函数，若组件实例是 <KeepAlive> 缓存树的一部分，当组件被插入到 DOM 中时调用
+   * 
+   * 调用时机为首次挂载
+   * 以及每次从缓存中被重新插入时
    */
   console.log(h2Ref.value.innerHTML)
   debugger
@@ -70,6 +73,9 @@ onActivated(() => {
 onDeactivated(() => {
   /**
    * 注册一个回调函数，若组件实例是 <KeepAlive> 缓存树的一部分，当组件从 DOM 中被移除时调用
+   * 
+   * 在从 DOM 上移除、进入缓存
+   * 以及组件卸载时调用
    */
   console.log(h2Ref.value.innerHTML)
   debugger