增加類實現動畫效果
- transition標簽包裹需要動畫的內容,，並增加類v-enter,v-enter-active,v-leave-to,v-leave-active以及動畫css屬性，若是transition標簽上有name屬性，<transition name='fade'>則類名v,要改成name的值--fade
- transition標簽中要是加上mode=‘out-in’，表示上個元素先消失，下個元素再顯示，也可以寫成‘in-out’
- transition-group標簽中包裹列表，要是列表有增加刪除的操作，就會有動畫效果，不過也需要設置四個類（跟transition標簽一樣）
通過js實現動畫效果
- v-on:before-enter是vue自帶的鈎子，動畫執行之前
- v-on:enter是vue自帶的鈎子，動畫執行時，方法中可以調用done()，表示執行完成
- v-on:after-enter是vue自帶的鈎子，動畫執行后