[違い][Vue.js]2019年5月7日JavaScriptv-showディレクティブおよびv-ifディレクティブを利用すると、条件分岐により要素の表示・非表示の切り替えをおこなうことができます。!this.show}}});</script></body></html>下記は実際にボタンをクリックすることによる要素が変化する様子です。none」プロパティが付与されて非表示の状態となります。「v-if」はDOM要素自体が削除されていることが確認できます。ボタンをクリックして要素を非表示にするtemplateを利用して1つ以上の要素の表示・非表示を制御しています。templateに対してv-showは利用できません。@click="click">ボタン</button></div>v-else、v-else-ifによる条件分岐v-ifディレクティブに対して、v-else-ifディレクティブおよびv-elseディレクティブで条件分岐をおこなうこともできます。1}}});</script></body></html>またv-showまたはv-ifによるtransition機能を利用したアニメーションについては、下記ページもご覧下さい。