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

用語

データバインディング データと描画を同期させる。
コンポーネント 機能ごとに分離して開発できるようにする仕組み。
ディレクティブ (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 メソッドで細かい実装。


参考文献

今回はこの解説書を基に勉強をしてます。
書店で内容を見たときにとても読みやすかったので即買いでした。
今実際に読み進めていてもとてもわかりやすいです。
Vueの勉強をする方はぜひおすすめです。

基礎から学ぶ Vue.js
https://www.amazon.co.jp/基礎から学ぶ-Vue-js-mio/dp/4863542453/