Vue 路由跳转：如何使用 `<router-link>` 打开新页面？

在Vue中，可以使用<router-link>来实现路由跳转，而不是直接打开一个新页面。这是因为Vue是一个单页面应用（SPA），它通过动态地改变组件来模拟多页面的效果。\n\n如果你想要在新页面打开一个链接，你可以使用target="_blank"属性，但这将绕过Vue的路由机制，不推荐使用。\n\n以下是一个示例，演示如何在Vue中使用<router-link>进行路由跳转：\n\nhtml\n<template>\n <div>\n <router-link to="/new-page">打开新页面</router-link>\n </div>\n</template>\n\n\n在上面的示例中，当用户点击“打开新页面”链接时，Vue将会根据路由配置加载/new-page对应的组件，并将其渲染在当前页面中。\n\n如果你真的需要在新页面打开链接，可以使用普通的HTML链接，并添加target="_blank"属性：\n\nhtml\n<a href="/new-page" target="_blank">打开新页面</a>\n\n\n但请注意，这将绕过Vue的路由机制，并在新页面中加载一个完全独立的页面。