はじめに
Nuxt.jsでとあるサイト（HPぐらいのレベル感で状態管理とかはほとんどないシンプルなアプリケーション）を構築することになりVueに入門しました。
Nuxt.jsでSPAでの構築、UIフレームワークはVueｔifyです。
筆者は、Reactの経験はありますが、Vueの経験はありません。
そのため、公式系をざざっと読み、Nuxtでアプリを構築しながら必要なことを調べながら実装しました。
そのときに調べたことのリンク集です。
だいたいこれで理解した。
公式系
- Vue.js
- Nuxt.js
- Vuetify
- Vuex。Vueの状態管理FW
- アイコンをみつけるまでに時間かかった...最近のデフォはここらしい。違うサイトをみていたりしたので最新のVueでマテリアルアイコンが表示されない現象に遭遇しましたが、アイコン名の指定が違うだけでした。。mdiのprefixつけても表示されずに無駄にハマりました...
Nuxt
Vue
- ライフサイクルフック
- 省略記法。:hrefとか、@clickとかなんぞや
-
methodsとcomputedの違い
- これは算出プロパティを理解すればOK
-
v-forのkeyについて
- 指定していなかったらconsoleで怒られた
- レスポンシブ対応のために画面サイズを取得する
- methodsでHTMLを返却してレンダリングしたい
- コンポーネント間の値の受け渡し