router路由跳转的两种模板2.0版本
<template>
<div>
<button @click="navigateToHome">跳转到首页</button>
</div>
</template>
<script setup>
const navigateToHome = () => {
// 使用路由的 push 方法导航到 /home 路由
this.$router.push('/home');
};
</script>由于上一个版本，没有导入全局组件的小伙伴，可能用不了第二套模板（上面那套代码）直接调用router库中的push方法，这边提供一套全新的版本
用不来的原因是没添加进全局组件（vue3，vue3，vue3），导致没读出这个玩意
第一种解决方法肯定是添加全局组件（全局添加）
先用着第二种，明天更新第一种
第二种解决方法那就是单独添加组件（局部添加）
import router from '@/router'
//import单独引入组件
const navigateToHome = () => {
// 使用 router 的 push 方法导航到 /LoginIn 路由
router.push('/LoginIn');
};