利用路由实现操作记录保存

1.假如处于分页的时候,进行操作前进后退,或者是刷新都能保留操作记录进行页面刷新,例如点到第五页,返回到第一页,

路由里设置路由
routes:[
  { path:'/router/:pagenumber?',component:组件}]

组件里监听路由变化
watch:{
	$route(to){
		this.pagenumber = to.params.pagenumber//这里的参数是字符串

2.实现搜索框等跳转后输入记录仍然保存,使用动态组件,这样就不会重新加载组件(不creared),且从内存读取,就会保留之前的记录,注意还有两个路由钩子函数 activated(进入组件触发) deactivated(离开组件时触发)

<keep-alive>
	<router-view></router-view>
</keep-alive>