Vue Router勉強中

今日もVue Routerの勉強を進めていろいろ見えてきました。 UdemyのVueのコースと公式ドキュメントと様々な二次情報読んでると、なんとなく理解できてきた気がします。 ただ、まだまだ綺麗に文章で説明できるほどには理解できていないので、覚えたことを忘れないようにメモ残すのでいっぱいいっぱいなので箇条書きで描きます。

Vue Routerについて勉強しながら覚えたこといろいろ

※間違いあったらごめんなさい

historyモードだったらURLに#がつく
・#がつくのはHTMLがidを判別するのと同様。historyモードだとindex.htmlが常に返され、URLの#以降の内容から判断してindex.htmlの中の各コンポーネントを表示している
historyモードはindex.htmlを返す通信一回のみでいい(これがSPAの挙動?)
・HTMLで使うaタグは必ずサーバーに通信する
・router-linkはサーバーに通信せずコンポーネントを切り替えることができる
・サーバーへの通信が発生しているかどうかはDeveloperツールのネットワークタブで確認できる

Vue Routerを勉強していて感じたのは、Vueの勉強ではなく、フロントエンド全体とかWebそのものの仕組みを学ぶ意識で勉強した方がより良い感じにスキル上がりそうだなということ。

なるべく俯瞰的な視点を持って勉強していこうと思いました。

所感

ブログに勉強中って書くと自分に適度なプレッシャーがかかって良い。内容薄いことしか書けない時は悔しいので勉強してもっと良い記事書こうと思えるし。 明日も何か記事が書けるように必死でインプットします。