Open1

Vue 公式チュートリアルをやってみた

jimiijimii

初学めも

公式チュートリアル
https://ja.vuejs.org/tutorial/#step-1

リアクティブ

  • reacticve: 配列や Map や Set のような組み込み型も含む)に対してのみ動作
  • ref: 任意の値の型を取り、.value プロパティの下で内部の値を公開するオブジェクトを作成することができる

属性バインディング

  • v-bind: 動的な値を属性にバインディングするのに使用する。省略記法は:

イベントリスナー

  • v-on: DOMイベントを購読可能。省略記法は@

フォームバインディング

  • v-model: v-bindv-on を一緒に使うことで、input 要素に双方向 (two-way) バインディングの作成可

条件付きレンダリング

  • v-if v-else: 要素を条件付きでレンダリングする

確認すること!!!

  • v-if v-elseのスコープは?