历史及替换

历史操作

go() 方法采用一个整数作为参数，可以在浏览历史堆栈中前进或后退指定步。

返回示例

<template>
	<div>
		<router-link to="/">首页</router-link>
		  
		<router-link to="/About">跳转-path模式</router-link>
		  
		<router-link :to="{name:'About'}">跳转-命令路由</router-link>
		  
		<router-link :to="{name:'About'}">命名视图体验</router-link>
		  
		<router-link :to="{path:'/User', query:{id:12,name:'lesscode'}}">query 传参</router-link>
		  
		<router-link :to="{name:'ParamsDemo', params:{id:12,name:'lesscode'}}">params 传参</router-link>
		  
		<span @click="goback()">返回</span>
	</div>
	<div style="margin-top:15px;">
		<router-view></router-view>
	</div>
	<!-- 命名视图 -->
	<div style="margin-top:15px; background:gray;">
		<router-view name="routerView1"></router-view>
	</div>
</template>
<script setup>
import { useRouter } from "vue-router";
const router = useRouter();
function goback(){
	router.go(-1);
}
</script>
<style>
</style>

替换当前位置

router.replace() 函数可以替换当前路由，在导航时不会向 history 添加新记录，正如它的名字的一样样，它取代了当前的条目。

# 声明式
<router-link :to="..." replace>

# 编程式
router.replace(...)