Nuxt 3 がリリースされました! https://nuxt.com/v3 で詳細について見れます。

翻訳されたページ このページのコンテンツは古い可能性があります。

ルーターミドルウェア

ルーターミドルウェアを使って body に class を設定することで、ルートによって異なるスタイルを実現しています


この例において:

store/class.js は body に class を設定します。

middleware/class.jsは、ルーターミドルウェアを使って、ルートに入る前に class を設定します。

components/Navigation.vue は、router-middleware という名前のルートのフォントサイズを変更します。

nuxt.config.js は、ミドルウェアを起動するための router プロパティを含んでいます。

Loading Sandbox...