Vue 基礎知識編 ~幸福のSPA！~

Vue

用語

データバインディング データと描画を同期させる。
コンポーネント 機能ごとに分離して開発できるようにする仕組み。
ディレクティブ (v-で始まる) データ用オブジェクトのプロパティ
フック あらかじめ決めたタイミングで処理を行わせること。

<div v-○○:○○></div>


参考にできるサイト

Awesome Vue GitHub

GitHub - vuejs/awesome-vue: 🎉 A curated list of awesome things related to Vue.js

Vue Curated

Vue Curated

Element

Element - The world's most popular Vue UI framework

Onsen UI

Onsen UI 2: HTML5モバイルアプリを速く、美しく - Onsen UI


オプションの構成

1. el 紐付けるセレクタ
2. data アプリの使用データ
3. computed 関数でのデータ
4. cerated(ライフサイクルフック)
一連の処理(使用が限られている)
またDOMが構築前の実行のためgetElementByClassなどはアクセスできない。

5. methods メソッドで細かい実装。