Nuxt 3 Release Candidate がリリースされました! v3.nuxtjs.org で詳細について見れます。

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

ルーターミドルウェア

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


この例において:

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

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

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

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

Loading Sandbox...
このページをGitHubで編集する 更新日 Sat, Sep 24, 2022