[Vue.js] v-ifの使い方

はじめに

vue.jsでv-ifを使ったので備忘録として記事を作成

v-ifとは

要素の表示・非表示を操作することができる

表示：true
非表示：false

実装方法

一部の要素を非表示にしたい場合はfalseを指定する

sample1.vue

<input v-if='false' />

非表示にしたい要素が複数ある場合はtemplateで囲む

sample2.vue

<template v-if='false'>
  <input />
  <input />
  <input />
</template>

参考