vue3跳转到百度

在Vue3中，你可以使用Vue Router来实现页面的跳转。首先，确保你已经安装了Vue Router：

npm install vue-router@next

然后，在你的项目中创建一个router实例，并配置路由：

// main.js
import { createApp } from 'vue'
import App from './App.vue'
import { createRouter, createWebHistory } from 'vue-router'

const router = createRouter({
  history: createWebHistory(),
  routes: [
    {
      path: '/',
      name: 'Home',
      component: Home
    },
    {
      path: '/baidu',
      name: 'Baidu',
      beforeEnter() {
        location.href = 'https://www.baidu.com'
      }
    }
  ]
})

const app = createApp(App)
app.use(router)
app.mount('#app')

在上面的代码中，我们创建了一个名为Baidu的路由，当访问/baidu路径时，会直接跳转到https://www.baidu.com。

最后，在你的Vue组件中，你可以使用<router-link>标签来生成一个链接，或者使用router.push()方法编程式跳转：

<template>
  <div>
    <router-link to="/baidu">跳转到百度</router-link>
    <button @click="goToBaidu">编程式跳转到百度</button>
  </div>
</template>

<script>
export default {
  methods: {
    goToBaidu() {
      this.$router.push('/baidu')
    }
  }
}
</script>

以上代码中，<router-link>标签会渲染成一个包含href属性的<a>标签，点击该链接即可跳转到/baidu路径。而点击按钮时，会调用goToBaidu方法，使用this.$router.push()来进行编程式跳转。

这样，当你访问页面时，就可以看到一个链接和一个按钮，点击它们即可跳转到百度。