質問: vue.jsでヘッダーのコンポーネントを作りました。 このヘッダーですが、TOP以外は全く同じ作りなのですが、TOPだけロゴが違います。 こういった場合は、TOP用にコンポーネントを新しく作るべきなのでしょうか? ご教授お願い致します。
回答: ヘッダ用のコンポーネントにロゴ用の`img`タグの`src`属性に渡す値をpropsで渡すようにするってのはどうでしょ? べきで行くと、どっちでもいいかなぁ。アトミックデザインってやつでいくと、TOP用はPageにしてしまって、その他用はTemplateで量産可能にする感じかなぁ。TOPヘッダコンポまでは今はいらない気がする。 将来的にTOPのヘッダとその他のヘッダで例えば検索窓の有無変わるとかなってから設計変更でもいいと思う。名前忘れたけど、「必要になったらつくりゃいい」みたいな哲学あった気がする。適当でごめん。