Vue.jsの基礎 - Qiita

Vue.jsの基本的な使い方 Reactは単方向データバインディングで一方通行なのに対し、Vueは双方向データバインディングで双方向にデータを流す仕組みになっている。 双方向データバインディングの場合はjsの中身が変わったらすぐに反映される 単方向データバインディングの場合はrenderなどの描画の処理が単方向であるため即時反映とはならない 環境構築 ---未完成 vue.esn.jsというtemplate機能のないランタイム限定ビルドがあるので、これも必要に応じてnpmでインストールする 基本的な書き方 new Vueでインスタンス生成 elでセレクターを書き込み、スコープを指定する dataプロパティはオブジェクトの形で自分が使いたいプロパティを定義する データオブジェクトの中の値を出し入れするための入れ物のようなもの dataで定義したプロパティはhtmlで使うことができる ファイル