如何在Vue 3中实现路由跳转到外部网站？

在Vue 3中，如果你想通过路由跳转到外部网站，可以使用`router.push()`方法配合`window.location.href`属性来实现。不过，由于这是外部链接，通常不会直接通过Vue Router处理。以下是简单的步骤：

1. 首先，在你的组件里，假设有一个按钮点击事件需要跳转：

<template>
  <button @click="navigateToExternalSite">跳转到外部网站</button>
</template>

<script setup>
import { ref } from 'vue';

const navigateToExternalSite = () => {
  // 使用router.push()指定URL，但这只会打开浏览器的新标签页，并不会实际跳转
  const externalUrl = 'https://www.example.com';
  
  // 或者，直接使用window.location.href来改变浏览器地址栏
  window.location.href = externalUrl;
};
</script>

2. 如果你想要在新窗口或标签页打开外部链接，可以在`window.location.href`前加上`target="_blank"`：

<button @click="navigateToExternalSiteInNewTab">在新标签页打开</button>

<navigateToExternalSiteInNewTab />

navigateToExternalSiteInNewTab() {
  window.open(externalUrl, '_blank');
}