Nuxt.js レイアウトディレクトリを試してみる。
レイアウトディレクトリ ページコンポーネントに各ページで共通になる部分(ヘッダ部、フッタ部)を記述するのが面倒。 Nuxtにはレイアウト作成の機能があり各ページに共通のレイアウト適用することが可能。 layoutsディレクトリにdefault.vueを作成 layoutsディレクトリ /layouts/default.vue <template> <div> <header style="border-bottom:solid 1px #CCC;padding:10px">ヘッダ部(デフォルト)</header> <div style="border-bottom:solid 1px #CCC…
2022/07/21 00:13