Nuxtを一部の要素に対して利用

Question

Vueを利用して特定の要素にマウントして利用することができます。
Nuxtでも同様のことが可能でしょうか？

実現したい内容として以下になります。
ヘッダー、フッターには現状利用しているシステムでレンダリングしているものをそのまま利用したいと考えています。
ヘッダー、フッター以外のコンテンツ部分のみNuxtで作成したいです。

Vueの場合は特定要素にマウントできると認識しています。

Nuxtのセットアップガイドを見る限りは画面全体に適用する形になります。Vueのように特定位置のみ利用は可能でしょうか。
可能でしたらヒントになる回答だけでもいいのでやり方教えていただけると助かります。
よろしくお願いいたします。

Comments

[maisumakun]

どのような理由で、部分的にNuxtを使いたいのでしょうか？

[yookoko]

ご質問ありがとうございます。
Laravelのbladeでレンダリングしているヘッダーとフッターがあり、そのパーツは触りたくないです。一部のページのコンテンツ部分だけをSPA化したい希望があります。

Answer 1

Vueのように特定位置のみ利用は可能でしょうか。

不可能です。

Nuxt.jsはHTML生成をすべて管理する（SSRや静的HTML生成を行う）フレームワークですので、「Laravelで生成したHTMLの枠内に表示する」という用途で使えるものではありません。

Comments

[yookoko]

ご回答いただきありがとうございます。
できないこと理解できたことだけでも非常に助かりました。

[maisumakun]

そもそも論として、（pjax系のことをするなら別ですが）「SPA」と「LaravelでのHTMLレンダリング」というのがマッチしません。