本篇大綱
v-if, v-show tab功能好幫手
自從開始在用vue.js後，寫頁籤（tab）功能簡單多了。不只頁籤，相似的也很好用，比方線上測驗的換頁、手風琴。
之前習慣用v-if，今天換成v-show時遇到了問題，找到解法後就想說紀錄一下，以免之後遇到忘記怎麼解。
transition中放多個v-if
要在vue transition下用多個v-if去切換，最重要的是要加上key，沒有key的話transition的效果就不會出來，範例code如下：
在v-for裡的key，用v-bind給唯一的值就行。
transition中放多個v-show
transition中要放多個v-show，會遇到問題，就是只有第一個v-show的div會render在頁面上，其它的div會消失。
要解決這個問題，就不能用transition，而要用transition-group。
範例code如下：
vue transition多個v-if, v-show整理
在vue transition中，放多個v-if，或多個v-show，方法，整理在CodePen上：
vue.js transition multiple v-if, v-show
Summary
Article Name
vue transition中用多個v-if, v-show
Description
本篇大綱：v-if, v-show tab功能好幫手、transition中放多個v-if、transition中放多個v-show、vue transition多個v-if, v-show整理。自從開始在用vue.js後，寫頁籤（tab）功能簡單多了。不只頁籤，相似的也很好用，比方線上測驗的換頁、手風琴。
Augustus
Augustus
Let's Write
Let's Write
https://letswrite.tw/wp-content/uploads/2020/08/logo_512.jpg
以下是留言，但關於留言的部份必需先讓你們知道：
本站的文章都是 Augustus 因為覺得有趣，才會實作並整理成筆記文而後進行發表。
如果留言是希望把 Demo 改成「你想要」的樣子，或是把功能改成「符合你需求」的樣子，
Sorry~ 除非那修改是 Augustus 也有興趣的，不然不會幫你們寫程式去面對工作或是交作業。
未來這類的留言不會再主動回覆。😎
另外，公開信箱是為了讓金流驗證用，
因為之前遇過幾次回信協助解決問題後，對方卻一聲謝謝也沒有，就這樣拿去幫工作交差。
因此決定不再回覆信件，有疑問就利用留言功能囉。