vueについて学習した時のポイントなどを。
機能として確認したこと
- text,radio,select,checkboxを含んだ新規と既存、一覧のDB連動アプリ
- 親→サブコンポーネント×2(親からのグローバル変数アクセス)
- プルダウン連動(新規、既存)
- 住所入力補完モーダル
- ローディングエフェクト
component
Vueの最重要概念。要はHTMLの1部分のこと。ここ自体にhtml+JavaScript+cssを格納でき、この組み合わせで画面を作り上げる。
vue-route
言わずもがなルーティング。Laravelと同じように使える。画面を構成するベースになるコンポーネントと1:1になることが多い。
vuex
グローバル変数の格納。DBとやり取りするような変数は基本的にここを使いそう。慣れるまで結構ムズイ。
- state:基本的な変数定義
- getter:読んで字のごとくgetter
- mutation:setter的使い方をすることが多い
- action:非同期処理など?まだ使い方わかっておらず
computed
画面上の変数の算出。
一般的にはvuexでグローバル変数との同期をとるような使われ方をするのが一般だと思う。
created,mounted
vueインスタンスが生成される時のライフサイクル
created:DOM生成前
mounted:DOM生成後(ただしこの場合でもデータはまだ画面反映されていない)
emit
親のコンポーネントと子供のコンポーネントで変数をやり取りするときに必要になる。
ソース