vue3路由跳转登录

在Vue3中进行路由跳转登录有以下几个步骤：

一、安装vue-router库：

二、新建Vue页面：

<script setup>
import { useRouter } from "vue-router";
const router = useRouter()

const go = () => {
router.push('/login')
}
</script>

<template>
<button @click="go">跳转</button>
</template>

三、导入刚刚新建的Vue页面，并与路径进行绑定：

<template>
<div id="app">
<p>
<el-button>
<router-link to="/login">登录</router-link>
</el-button>
<el-button>
<router-link to="/register">注册</router-link>
</el-button>
</p>
<router-view/>
</div>
</template>

<script>
export default {
name: 'app'
}
</script>

以上是Vue3中路由跳转登录的步骤。你可以通过点击按钮实现跳转到登录页面，在App.vue中配置路由的跳转。