22Nuxt.jsのlayoutに変数を渡し、共通ヘッダーのタイトルを動的に変える方法JavaScriptLayoutvue-routernuxt.js「Nuxt.jsのlayoutに各pageから変数を渡す」とても簡単そうなことですが、調べてもあまり情報がなくて意外に時間をかかったので紹介します。やりたいこと下記ディレクトリ構成で、layoutに全ページ共通のヘッダーを設置し、ヘッダーに表示するタイトルを、ページごとに設定をしたかったです。Routerで行う方法を考えました。Designを採用した構成です。Routerでマッチしたコンポーネントを取得し、コンポーネント内で定義した変数を取得します。},}</script>注意点ネストされたルートの場合、複数のルートにマッチする(親コンポネントが最初にマッチされる)ので、上記のコードを少し変更する必要があります。終わりにこの方法で「理解しやすさ」と「使いやすさ」の目標を達成したと思いますが、もっといい方法があるかな?他にいい方法がありましたら、ぜひコメントしてください。JAPAN」やマッチングサービス「CoupLink」などを開発・運営しています。upLoginユーザーは見つかりませんでした。