v3使用element实现路由跳转

要使用Element实现路由跳转，你需要先安装Vue Router和Element UI，并在Vue项目中配置它们。

1. 安装Vue Router和Element UI：

npm install vue-router --save
npm install element-ui --save

2. 在Vue项目中配置Vue Router和Element UI：

在main.js中引入Vue Router和Element UI，并将它们注册到Vue实例中：

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

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

3. 创建Vue Router实例并配置路由：

在router文件夹下创建一个index.js文件，用于配置Vue Router实例和路由：

import Vue from 'vue'
import Router from 'vue-router'
import HelloWorld from '@/components/HelloWorld'
import About from '@/components/About'

Vue.use(Router)

export default new Router({
  routes: [
    {
      path: '/',
      name: 'HelloWorld',
      component: HelloWorld
    },
    {
      path: '/about',
      name: 'About',
      component: About
    }
  ]
})

这里我们创建了两个路由：'/'和'/about'，分别对应HelloWorld组件和About组件。

4. 在Vue组件中使用Element UI的路由组件：

在需要使用路由的Vue组件中，可以使用Element UI提供的el-link组件来实现路由跳转，例如：

<template>
  <div>
    <el-link :to="{ path: '/' }">Home</el-link>
    <el-link :to="{ path: '/about' }">About</el-link>
  </div>
</template>

这里我们分别创建了两个el-link组件，用于跳转到'/'和'/about'路由。

注意：el-link组件的to属性需要传入一个对象，对象中的path属性指定跳转的路径。

这样，我们就可以使用Element UI实现路由跳转了。