vue3路由跳转到外部链接,新开一个页面

可以使用 `<a>` 标签来实现跳转到外部链接并在新窗口打开页面，如下所示：

<template>
  <div>
    <a href="https://www.example.com" target="_blank">跳转到外部链接</a>
  </div>
</template>

其中，`href` 属性指定要跳转的外部链接，`target="_blank"` 属性表示在新窗口打开页面。如果你需要在 Vue 组件中使用，可以将 `<a>` 标签封装成一个组件，如下所示：

<template>
  <div>
    <external-link href="https://www.example.com">跳转到外部链接</external-link>
  </div>
</template>

<script>
export default {
  components: {
    ExternalLink: {
      props: {
        href: {
          type: String,
          required: true
        }
      },
      template: '<a :href="href" target="_blank"><slot></slot></a>'
    }
  }
}
</script>

这样，在组件中使用 `<external-link>` 标签即可实现跳转到外部链接并在新窗口打开页面。