我是VueJS的新手，我正在尝试将自己的想法围绕一个概念。
我有一个侧边栏，显示数据库中不同的教室。每个教室可以连接一个或多个笔记本。
我要发生的事情是，当您单击教室时，它将加载教室组件并显示与该教室链接的所有笔记本的列表。
我真的不确定该怎么做。我首先想到将其视为一条路线，可以在其中向诸如
的教室控制器添加一个子弹Route::get('/notebook/{id}', 'NotebookController@show');
但是这没有任何意义，因为这只会检索该特定教室的笔记本，而不会在组件中显示它。而且我也没有办法一定要从侧边栏进入教室。
这是我要在侧栏中加载所有教室的内容：
<li class="nav-itme" v-for="classroom in ClassRooms" v-bind:classroom="classroom" v-bind:key="classroom.id">
<router-link :to="{ name: 'classroom' }" class="nav-link">{{classroom.name}}</router-link>
</li>
我觉得我要的是初学者水平，如果有人可以指出正确的方向，我将不胜感激。