基本的なオプションの構成 ①mountする要素 ②アプリケーションで使用するデータ ③算出プロパティ ④ライフサイクルフック ⑤アプリケーションで使用するメソッド <component> </component> <script> </script> <style> </style>

v-modelディレクティブを使用した双方向バインディング 「v-modelディレクティブ」を使用すると、ユーザーが入力したテキストボックスなどのフォームの文字列をVueインスタンスのデータとバインドすることができる。 ユーザーがテキストボックスなどに入力し…

1:Vue.jsではボタンのイベント処理が簡単！ Vue.jsではイベント処理も、テンプレート記法*1とVueインスタンス*2を組み合わせることによって行える。 2:「v-」で始まる属性はディレクティブ 「v-」で始まる属性はVue.jsのディレクティブ(命令)。 「v-on」はイ…