vue项目跳转到外部链接

要在 Vue 项目中跳转到外部链接，你可以使用 Vue Router 中的 `router-link` 组件或者 `window.location` 对象。以下是两种方法的示例：

1. 使用 router-link 组件

在你的组件模板中，使用 `router-link` 组件并将 `to` 属性设置为外部链接的 URL：

<template>
  <div>
    <router-link :to="{ path: 'https://www.example.com' }">跳转到外部链接</router-link>
  </div>
</template>

这将在页面上渲染一个链接，在用户单击该链接时，它将跳转到指定的外部链接。

2. 使用 window.location 对象

在你的方法中，使用 `window.location.href` 属性将页面重定向到外部链接的 URL：

methods: {
  goToExternalLink() {
    window.location.href = 'https://www.example.com';
  }
}

当用户在页面上调用该方法时，它将立即将页面重定向到指定的外部链接。

无论你选择哪种方法，都不要忘记在生产环境中使用 `rel="noopener noreferrer"` 属性来避免安全漏洞。