1、内置组件<router-link>
1.1 to 进入用户页面,可按返回键返回值初始页面
不携带参数 & 携带参数
// 不携带参数
<router-link :to="/user">用户</router-link>
// 携带参数
<router-link :to="{path:'/user',query:{id:userId}}">用户</router-link>
1.2 replace进入用户页面,不会留下history,不可按返回键返回值初始页面
// 不携带参数
<router-link :to="/user" replace>用户</router-link>
// 携带参数
<router-link :to="{path:'/user',query:{id:userId}}" replace>用户</router-link>
2、在javascript里进行页面跳转
2.1 不携带参数 & 携带参数
// 不携带参数
this.$router.push('/user')
// 携带参数
this.$router.push({
name: 'uesr',
params: {
id: userId
}
})
2.2 replace功能,push 替换成replace即可