From 61889fbcfaaa4b63e4013fd41c3629b377ea8076 Mon Sep 17 00:00:00 2001
From: JiaxiangZhang <zjx9987@gmail.com>
Date: Wed, 11 Sep 2024 21:21:12 +0800
Subject: [PATCH 1/3] fix: On unmount  example for Vue2

---
 content/3-lifecycle/2-on-unmount/vue2/Time.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/content/3-lifecycle/2-on-unmount/vue2/Time.vue b/content/3-lifecycle/2-on-unmount/vue2/Time.vue
index 59950e05..690b4ae6 100644
--- a/content/3-lifecycle/2-on-unmount/vue2/Time.vue
+++ b/content/3-lifecycle/2-on-unmount/vue2/Time.vue
@@ -11,7 +11,7 @@ export default {
       this.time = new Date().toLocaleTimeString();
     }, 1000);
   },
-  beforeUnmount() {
+  beforeDestroy() {
     clearInterval(this.timer);
   },
 };

From 126fa1095c4bc1634481137dbe64b3b7247542bc Mon Sep 17 00:00:00 2001
From: JiaxiangZhang <zjx9987@gmail.com>
Date: Wed, 11 Sep 2024 21:40:29 +0800
Subject: [PATCH 2/3] fix: props  example for Vue2

---
 .../4-component-composition/1-props/vue2/UserProfile.vue  | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/content/4-component-composition/1-props/vue2/UserProfile.vue b/content/4-component-composition/1-props/vue2/UserProfile.vue
index b66a1009..06f1ab0b 100644
--- a/content/4-component-composition/1-props/vue2/UserProfile.vue
+++ b/content/4-component-composition/1-props/vue2/UserProfile.vue
@@ -27,9 +27,9 @@ export default {
 
 <template>
   <div>
-    <p>My name is {{ props.name }}!</p>
-    <p>My age is {{ props.age }}!</p>
-    <p>My favorite colors are {{ props.favoriteColors.join(", ") }}!</p>
-    <p>I am {{ props.isAvailable ? "available" : "not available" }}</p>
+    <p>My name is {{ name }}!</p>
+    <p>My age is {{ age }}!</p>
+    <p>My favorite colors are {{ favoriteColors.join(", ") }}!</p>
+    <p>I am {{ isAvailable ? "available" : "not available" }}</p>
   </div>
 </template>

From 9bfc83823919a4a02c8a117f98e3d0bd83f35989 Mon Sep 17 00:00:00 2001
From: JiaxiangZhang <zjx9987@gmail.com>
Date: Wed, 11 Sep 2024 21:57:05 +0800
Subject: [PATCH 3/3] Revert "fix: props  example for Vue2"

---
 .../4-component-composition/1-props/vue2/UserProfile.vue  | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/content/4-component-composition/1-props/vue2/UserProfile.vue b/content/4-component-composition/1-props/vue2/UserProfile.vue
index 06f1ab0b..b66a1009 100644
--- a/content/4-component-composition/1-props/vue2/UserProfile.vue
+++ b/content/4-component-composition/1-props/vue2/UserProfile.vue
@@ -27,9 +27,9 @@ export default {
 
 <template>
   <div>
-    <p>My name is {{ name }}!</p>
-    <p>My age is {{ age }}!</p>
-    <p>My favorite colors are {{ favoriteColors.join(", ") }}!</p>
-    <p>I am {{ isAvailable ? "available" : "not available" }}</p>
+    <p>My name is {{ props.name }}!</p>
+    <p>My age is {{ props.age }}!</p>
+    <p>My favorite colors are {{ props.favoriteColors.join(", ") }}!</p>
+    <p>I am {{ props.isAvailable ? "available" : "not available" }}</p>
   </div>
 </template>