🧐

【Nuxt】$routerには何が定義されているのか

2022/12/02に公開

はじめに

Nuxtで外部サイトに遷移させる際に、router.pushさせようとして詰まったので$routerについて調べておく。
（ちなみに外部への遷移は以下参照）

$routerでアクセスできるルーターインスタンスにはページ遷移に関するメソッドが定義されています。

指定のURLに移動します。

router.push('home')

router.pushと同じように動作しますが、違いは、新しい履歴エントリをプッシュせずに現在のエントリを置き換えるという点です。

router.replace('home')

window.history.go(n)と同様に履歴スタックを何段階進めるか、あるいは何段階戻すかを示す整数をパラメータとして受け取り指定した分ページを進め（戻し）ます。

// 履歴1ページ分進める
router.go(1)

// 履歴1ページ分戻る
router.go(-1)