今回は、Vue.jsのディレクティブと呼ばれるものを紹介したいと思います。ディレクティブはVue.jsが持つ強力な機能の1つです。Vue.jsを使いこなすためには、ディレクティブを使いこなすことが必要になります。今回の記事では、「Vue.jsのディレクティブとは？」、「ディレクティブをどうやって使うのか？」、「ディレクティブにはどんなものがあり、どれを使えばいいのか？」といった疑問を解消できるように、サンプルコードを交えながら説明していきたいと思います。 ディレクティブの全てを1つの記事すると記述量が膨大になるため、何回かに分けて記事にしたいと思います。 前提としてこの記事では、Vue3での記…
条件によって、表示、非表示切り替え 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>
www.i-ryo.com