vuejsでルート違いで同一componentを使うには

Question

現在仕事でVuejsを使用し始めているのですが、理解が全く追いついておらずご教示いただきたいです。

あるルートに紐づけられた（例として/sampleとします）componentを呼び出した際、そのcomponentが(/api/sampledata/)というapiを叩き、データを取って自身のtemplateにデータをsetしたとします。

さらにそのtemplateにはボタンがあり、これを押すと(/api/sampledata/1)というapiを叩くものとします。/api/sampledata/1は/api/sampledata/のデータをユーザーIDで絞ったものとお考えください。

この時の私の思いは、「ルーティングは違うけど、/api/sampledata/も/api/sampledata/1も同じcomponentを使いたい」というものです。

これを実現するためにはどうしたらよいでしょうか。ヒントやキーワードで構いませんのでご教示頂ければ幸いです。

よろしくお願いいたします。

Answer 1

同じコンポーネント内で/api/sampledata/のコールと/api/sampledata/1のコールを順に行えば良いと思うのですが。

/api/sampledata/はバックエンドですよね？

Comments

[supermaruetsu]

ありがとうございました！BA選択が遅くなり申し訳ありません。