sai_dive IL

学んだことのアウトプットブログ

【Vue】条件によって、表示、非表示切り替え

条件によって、表示、非表示切り替え

  • v-ifでdisplayがtrueなら表示、displayがfalseなら非表示と切り替え
<div id="app">
       <p class="alert" v-if="display">表示</p>
</div>

<script>
        let app = new Vue({
              el: "#app",
              data: {
                 display: false
              }
         })
</script>