【Nuxt.js】slot基礎編：コンポーネントの一部を置き換えよう - Qiita

前置き Nuxt.jsと言えばコンポーネント。 componentの内容を、ページによって少しで良いから変えたい… そんな時、slotに随分と助けられたので記録に残しました。 Vue.jsでも同様の使い方が可能です。 ※サンプルテキストはHello Nuxt.js!ではなくHello Vue.js!になっていますが、ご了承ください。 間違い等がございましたら、優しくご指摘いただけると嬉しいです！ 基礎編：超簡単な解説から実践編まで 応用編：全体のまとめ、propsとの違い を書いていきます。 slotって？メリットは？ ウェブサイトを作ってて、 「同じコードをコピペしまくってめんどいなぁ〜 あ！コンポーネント使えばいいじゃん！！ あれ？でもページによって○○だけ変えたいんだよなぁ」 って時、ありますよね？ コンポーネントを使いまわしたいけど、 ここの文字だけ変えたい！って時に使います。 （