2020-05-31 v-ifとv-showの違いと使い方の注意について Vue レンダリングの違い v-ifはfalseの場合は何もレンダリングされない v-showは条件に関わらずレンダリングされて、シンプルな CSS ベースの切り替えとして保存される そのため、例えば値を取得してから描画しないとエラーになる場合などは、v-ifで値をチェックしてから描画するようにする。 条件に関わらず描写されて問題ない場合は、v-showを使った方がコストが低く速い。 jp.vuejs.org