From 0944d4f659813d321f6e54d9f9d3164ee58f35a3 Mon Sep 17 00:00:00 2001
From: roger <roger_sun@outlook.com>
Date: Tue, 7 Feb 2023 10:51:57 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BD=BF=E7=94=A8=E8=BF=87=E5=BA=A6=E6=95=88?=
 =?UTF-8?q?=E6=9E=9C=E5=AE=9E=E7=8E=B0=E5=A4=9A=E4=B8=AA=E5=85=83=E7=B4=A0?=
 =?UTF-8?q?=E5=8A=A8=E7=94=BB?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 20_脚手架/vue_code/src/components/Test2.vue | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/20_脚手架/vue_code/src/components/Test2.vue b/20_脚手架/vue_code/src/components/Test2.vue
index df5ee39..8b54a16 100644
--- a/20_脚手架/vue_code/src/components/Test2.vue
+++ b/20_脚手架/vue_code/src/components/Test2.vue
@@ -2,9 +2,10 @@
   <div>
     <button @click="isShow=!isShow">显示/隐藏</button>
 <!--  自定义名称实现动画  -->
-    <transition name="hello">
-      <h1 v-show="isShow" class="come">你好啊！</h1>
-    </transition>
+    <transition-group name="hello" appear>
+      <h1 v-show="!isShow" class="come" key="1">你好啊！</h1>
+      <h1 v-show="isShow" class="come" key="2">哈哈哈！</h1>
+    </transition-group>
   </div>
 </template>