Vue.js

Vue-Router|routeとrouterの違いは?!

kazuki.m
kazuki.m

routeとrouterの違いが分からず、いつもどっちか分からなくなります。。。

それぞれの意味

routeは、ro͞ot(ルート)って読んで、日本語ではルートや経路を意味します。

一方、routerは、ˈroudər(ラウダーって聞こえる)って読んで、日本語でルータ(複数の通信機器の中継機)を意味します。

一文字違いですが、日本語の意味は結構遠くに感じますね。

この違いを頭に入れれば、おそらく今後どっちがどっちか混乱する機会は減るはず。。。

vue-routerのrouteとrouterの役割は、別々です。

routeは、現在地(現地のパスであったり、ルートパラメータ)を持っているオブジェクトで、

routerは、このrouteを任意の場所に飛ばしたり、条件で飛ばす方向を制御したりするオブジェクトになります。

厳密さは少し欠けますが、この違いを踏まえるとルーティング処理をコーディングするときに混乱しないと思います。

Vue Router:https://router.vuejs.org/

  • この記事を書いた人

kazuki.m

エンジニア

開発言語:Python、Typescript

最近の関心:Vue、Typescript、Rust

-Vue.js