需要在App.vue文件里添加<transition>标签，并给标签起一个名字叫fade。
CSS 过度类名：
组件过度过程中，会有四个CSS类名进行切换，这四个类名与transition的name属性有关，比如name='fade'，
会有如下四个CSS类名：
1、fade-enter进入过度的开始状态，元素被插入式生效，只应用一帧后立刻删除。
2、fade-enter-active进入过度的结束状态，元素被插入时就生效，在过度过程完成后移除。
3、fade-leave离开过度的开始状态，元素被删除时触发，只应用一帧后立刻删除
4、fade-leave-active离开过度的结束状态，元素被删除时生效，离开过度完成后被删除
从上面四个类名可以看出，fade-enter-active和fade-leave-active在整个进入或离开过程中都有效，
所以CSS的transition属性在这两个类下进行设置