vue3使用element实现路由跳转

首先你需要在项目中安装Element UI和Vue Router：

npm install element-ui vue-router --save

然后在Vue的入口文件（一般是main.js）中引入Element UI和Vue Router：

import Vue from 'vue'
import ElementUI from 'element-ui'
import 'element-ui/lib/theme-chalk/index.css'
import VueRouter from 'vue-router'
import App from './App.vue'

Vue.use(ElementUI)
Vue.use(VueRouter)

const router = new VueRouter({
  routes: [
    // 在这里定义路由
  ]
})

new Vue({
  router,
  render: h => h(App)
}).$mount('#app')

接下来在 `routes` 中定义路由，例如：

const routes = [
  {
    path: '/',
    name: 'home',
    component: Home
  },
  {
    path: '/about',
    name: 'about',
    component: About
  }
]

然后在模板中使用 `router-link` 来实现跳转：

<template>
  <div>
    <router-link to="/">Home</router-link>
    <router-link to="/about">About</router-link>
    <router-view></router-view>
  </div>
</template>

注意：这里的 `to` 属性的值是路由的路径，需要与定义的路由保持一致。

这样，当用户点击 `Home` 或 `About` 时，就会自动跳转到对应的页面。