如何在单个路由路径Vue js中显示多个组件？

Question

我的文件夹中有多个组件。我想在单个路由路径（/）中显示所有组件。我该如何做？在默认路径（/）中，我希望其他组件与标题一起显示。

Image of code is here

Answer 1

检查我制作的演示：https://codesandbox.io/s/cold-snow-hsy4u?file=/src/views/Home.vue

创建视图Home.vue文件

[创建路由器（在该示例中，我在router文件夹中制作了一个文件，然后从main.js导入），然后添加指向Home.vue的路由
1. 通过在选项上放置Vue对象，告诉router使用路由器

new Vue({
  router,
  render: h => h(App)
}).$mount("#app");

在<router-view />上添加App.vue以告诉Vue在哪里显示路由器组件

在Home.vue中注册子组件，然后在<template>中显示它