vue过渡＜transtion＞＜/transtion＞与列表过渡＜transtion-group＞＜/transtion-group＞

1.vue过渡组件

Vue 在插入、更新或者移除 DOM 时，使用内置的过渡封装组件可以实现过渡效果
语法格式:

 <transition name="xx">
   </div>
</transition>

2.过渡的类名

在进入/离开的过渡中，会有 6 个 class 切换：

• v-enter：进入过渡的开始状态
• v-enter-active：进入过渡生效时的状态
• v-enter-to：进入过渡的结束状态
• v-leave：离开过渡的开始状态
• v-leave-active：离开过渡生效时的状态
• v-leave-to：离开过渡的结束状态
  
  代码示例:

<template>
  <div>
    <div id="demo">
        <button v-on:click="show = !show">
          显示/隐藏
        </button>

        <transition name=