Router. Push(), router. Reply(), router. Go()

router Object provides three methods for jumping links ：

router.push( ... ) => Jump to a sub page , And in history Add a record to
router.repalce( ... ) => Replace the current page , In fact, it can also be understood as jump , and push The difference is not in history Add a record to
router.go(number) => Just mentioned history, stay go() Is used in , Jump to the previous page go(-1), Just jump to the next page go(1), Of course, the premise of realizing jump is history There's a record in .

router.$push$(location, onComplete?, onAbort?)

declarative	programmatic
< router-link :to="…">	router.push(…)

//  Mode one ： String path 
router.push('/user')
//  Mode two ：path object 
router.push({
     path: '/user' })
//  Mode three ： Routing name 
router.push({
     name: 'user'})

$notesIt\; means：Such\; asfruitcarryfor了path,paramsMeetingBySuddenlyA\; little,queryNoMeeting！！$

//  Don't take effect 
router.push({
     path: '/user', params: {
     id: 1 }})
// params take effect  /user/1
router.push({
     name: 'user', params: {
     id: 1 }}) //  Use name The way 
router.push({
     path: `/user/1` }) //  Directly in path Up expansion 
// query Unaffected  /user?id=1
router.push({
     path: '/user', query: {
     id: 1 }})

router.$replace$(location, onComplete?, onAbort?)

declarative	programmatic
< router-link :to="…" replace>	router.replace(…)

$Followrouter.pushveryimage,onlyOneOfNoSame\; asJustyes,itNoMeetingtowardshistoryaddAddnewrememberrecord！$

router.$go$(n)

stay history Record how many steps forward or backward , similar window.history.go(n)

//  Take a step forward in browser logging , Equate to  history.forward()
router.go(1)

//  Step back to record , Equate to  history.back()
router.go(-1)

//  Forward  3  Step record 
router.go(3)

//  If  history  Not enough records , Then fail silently , Don't complain 
router.go(-100)
router.go(100)