🐿 「[ステップアップ式]Vue.js講座」の学習_01
作成日: 2022/01/01
2

『Software Design 2020年9月号』第1特集「[ステップアップ式]Vue.js講座 JavaScriptフレームワークの潮流がわかる」の学習と写経

「STEP 1 リアクティブなデータバインディングを体験」

Hello Vue
https://codepen.io/asakon/pen/gOGegvQ

Vue.jsのポイント

  • リアクティブなデータ
  • 常にJSにあるデータが正である
  • 仮想DOM

フレームワークのメリット

jQueryだと「生のDOMとJSの状態との整合性をプログラマJSのコードが負う」

一方、フレームワークを使うと、状態管理の責任をフレームワークに任せることができ、複雑でインタラクティブなアプリケーションを作る余裕ができる

  • スタンドアロン版のVue.jsを利用できる

  • new Vueの引数のオブジェクトがVueのコンポーネントになっている

elプロパティとdataメソッド

elプロパティは、Vue.jsのインスタンスと要素をマッピングするためのセレクタ

  • v- ではじまる属性は「ディレクティブ」

  • v-modelディレクティブで双方向バインディング


コーダーです。