Vueの勉強会にきてためになったことまとめ
Vueの勉強会
各ソフトウェアをインストール
- Chrome
- Node.js
- Yarn
- Visual Studio Code
- Debugger for Chrome
- Vue.js Extension Pack
vue インストール
yarn global add @vue/cli
まとめ
習ったこと
- Vue 実装時に使用するファイルの種類は vue, ts(js)
- main.ts はプロジェクト実行時の開始地点
- router.ts はパスのマッピングを設定
- App.vue は Vue コンポーネントの開始地点
- 「Vue Router」でコンポーネント中に別コンポーネントの埋め込みが可能
- 「動的ルートマッチング」で URL をパターンマッチ認識可能
- 「インスタンスライフサイクルフック」でインスタンス生成時に任意の処理が可能
VueのハンズオンきたのでSEO対策について聞いた
クライアント側でJSが動いて画面レンダリングしているなら、リクエストするまで画面できないからSEO対策できない?
- 確かに画面ができていないからGoogleのクローラにHITしないかもしれない
- 最近のGoogleのクローラはJSが動いるので多少は大丈夫だが、全部は読めてない
- Angular同様に、Vueでもサーバサイドレンダリングできる
- どうしてもそれが気になる人は、SSR機能をつかったらできる(内部でNUXTを用いている)