Vue.js
テンプレートについて ●HTML <script src="https://cdn.jsdelivr.net/npm/vue@2.6.14/dist/vue.js"></script> <div id="app"> <p>{{message}}</p> <button @click="reverseMessage">メッセージ反転</button> </div> ●JS new Vue({ el: '#app', data: { message: 'HelloWorld!' }, methods: { reverseMessage: function() { this.message = th…
el Vueインスタンスを結びつけるHTML要素を指定。 このプロパティで指定した要素の配下のみVue.jsが有効になる。 data Vue.jsで扱うデータを入れておく場所。 このデータをHTMLファイルから読み込み画面に表示することができる。 methods Vue内で扱えるメソ…
