アニメーションがつけやすいVue.jsではあるけれど、、
アコーディオンの実装で100%よし！って思える実装がいまだにみつからない・・・
もともと、高さをautoではアニメーションしてくれないっていう問題はVue.jsに限ったことではないけれど。
1番理想に近いのはこれ。
See the Pen Vue.js-transition slideUp/slideDown by DY (@kdydesign) on CodePen.
高さが固定のものであれば、問題ないが、高さが可変するタイプのものだと、
max-height の数値の設定が難しい・・・
高さが小さいものだと、すごく早く開いているように感じたり、
指定した高さよりも大きいと、ガクッとなってしまう。。。
何かいい方法を知っていましたら、ぜひご教示ください！！！
2019.05.17 追記
ここの書き方が一番シンプルだと思いました。
http://lab.astamuse.co.jp/entry/2018/10/15/154737
transition に @before-enter みたいに書けるの知らなかった。