Vuejs2 是否将VueJS组件的多个实例添加到模板？

我是VueJS新手，希望将的多个实例添加到。 我尝试的是：

我用卡片模板代码创建了一个News.vue文件

我在main.js中添加了一个新的Vue实例

新Vue({ el:'新闻'， 路由器， 模板：“”， 组件：{News} })

我将新闻添加到index.js：

从“Vue”导入Vue从“Vue路由器”导入路由器导入Hello 从“@/components/Hello”导入来自“@/components/News”的新闻

Vue.use（路由器）

导出默认新路由器（{路由：[ { 路径：“/”， 姓名：'你好'， 组件：您好 }, { 路径：“/”， 名称:"新闻",， 组成部分：新闻 }]}）

将

多次添加到Hello.vue模板-以显示News.vue模板内容-不起作用。 我做错了什么

Hello.vue代码：

---

要将组件添加到您的

Hello.vue

中，您需要声明它，如下所示：

import News from './path/to/components/News.vue

export default {
  components: {
    News
  }
}

如果组件道具不存在于现有示例中，则显然只需添加组件道具；如果组件道具存在于现有示例中，则将

News

变量添加到现有组件道具中。根据您提供的链接，您将需要添加组件道具-我会在

props

属性下方添加组件道具

这将允许您在模板中使用

，并呈现

新闻组件的内容

中有很多关于声明组件的信息，包括如何全局声明的信息，因此您不必声明多个组件。
我们需要
Hello.vue的代码。此外，您有两个路径指向同一位置，这将在控制台中生成警告。我假设您只需要第一个组件（默认情况下将使用该组件），因为Hello组件将显示新闻组件。@webnoob这是Hello.vue中的代码：您说您已将
添加到Hello.vue模板中。您刚刚链接了vuetify代码，而不是您尝试使用的代码。抱歉，这里是：Hello.vue code。我只在顶部添加了
标记<代码>[…]
其他所有代码与示例中的代码相同：