Javascript 如何使用路由器将Vue组件呈现到Vue js中的另一个（新）页面？

当前我的应用程序呈现在同一页面上，但我希望它呈现到新页面。我尝试使用

render:h=>h（App）

进行渲染，但它仍然在同一页面上进行渲染

以下是路由器链接的Vue文件（Risks.Vue）：

最后，这是定义Vue对象（main.js）的文件：

---

如果您的意思是，如何在新选项卡中打开链接，那么您可以在

。。。

---

虽然很明显，您将丢失任何应用程序状态，因为它将加载应用程序的新实例。

请您详细说明您想要实现的目标？你尝试过什么，什么不起作用？我在问题中添加了这些东西。谢谢@Simoni有没有可能组件可以在同一个选项卡上打开，但作为一个新页面？我不明白你的意思。是否希望页面地址随页面内容一起更改？您当前的代码不是这样吗？现在的情况是，它与其他元素一起显示在同一页面上，我希望它打开时就像是一个新页面，而以前的页面组件不存在一样。听起来您可能已经将“主页”内容实际放在了包含

组件的页面中？如果你把它放在它自己的页面组件中，并添加一个默认路由，当URL改变时，它应该被替换掉。是的@NilsonJacques，你完全正确！如果你能把我的问题也投上一票，那就太好了。谢谢

<router-link to="/risk-info">
<td>{{item.Model}}</td>
<td>{{item.Vulnerability}}</td>
<td>{{item.Unresolved}}</td>
</router-link>
<router-view/>

import Vue from 'vue'
import VueRouter from 'vue-router'

Vue.use(VueRouter)

const routes = [
  {
    path: '/risk-info',
    name: 'RiskInfo',
    component: () => import('../components/breakdown/risks/VulnerabilityDetails.vue')
  }
]

const router = new VueRouter({
  routes
})

export default router

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

<router-link to="/risk-info" target="_blank">...</router-link>