一、router-link

<router-link to="/login">去登录<router-link>

点击即可跳转到login页面。

二、传统跳转

<template>
	<el-button @click="goHome">回首页<el-button>
</template>

<script>
export default{
	name:'login',
	methods:{
		goHome():{
			this.$router.push('/welcome')
		}
	}
}
</script>

点击即可跳转到welcome页面。

三、Composition API跳转

<script>
import {useRouter} from 'vue-router'
let router = useRouter()
const goHome = ()=>{
	router.push('/welcome')
}
</script>

点击即可跳转到welcome页面。