1.replace属性

的replace属性

1. 作用：控制路由跳转时操作浏览器历史记录的模式

2. 浏览器的历史记录有两种写入方式：分别为push和replace，push是追加历史记录，replace是替换当前记录。路由跳转时候默认为push

3. 如何开启replace模式：News

总结：浏览记录本质是一个栈，默认push，点开新页面就会在栈顶追加一个地址,后退，栈顶指针向下移动,改为replace就是不追加，而将栈顶地址替换。

2.编程式路由导航

作用：不借助 实现路由跳转，让路由跳转更加灵活。

具体编码：

//$router的两个API
this.$router.push({
	name:'xiangqing',
		params:{
			id:xxx,
			title:xxx
		}
})

this.$router.replace({
	name:'xiangqing',
		params:{
			id:xxx,
			title:xxx
		}
})
this.$router.forward() //前进
this.$router.back() //后退
this.$router.go() //可前进也可后退

src\pages\Message.vue

3.缓存路由组件

作用：让不展示的路由组件保持挂载，不被销毁。

具体编码：

缓存多个

缓存全部

注意：该组件在哪个组件的 标签里呈现就在对应组件的 标签外包一层标签，不指定include会把里面的所有组件都缓存。