Do you know what are the ways to jump routes in Vue?

1. Without parameters <router-link :to="{name:'home'}"> 
<router-link :to="{path:'/home'}"> //either name or path is fine, name is recommended  
// Note: If the link in router-link starts with '/', it starts from the root route. If it does not start with '/', it starts from the current route.
2. With parameters <router-link :to="{name:'home', params: {id:1}}">  
// params pass parameters (similar to post)
// Routing configuration path: "/home/:id" or path: "/home:id" 
// If you don't configure path, you can request it for the first time, but the id will disappear when you refresh the page // If you configure path, the id will be retained when you refresh the page // HTML takes the parameter $route.params.id
// script takes the parameter this.$route.params.id
<router-link :to="{name:'home', query: {id:1}}"> 

// string router.push('home')
// Object router.push({ path: 'home' })
// Named routes router.push({ name: 'user', params: { userId: '123' }})
// With query parameters, becomes /register?plan=private
router.push({ path: 'register', query: { plan: 'private' }})

const userId = '123'
router.push({ name: 'user', params: { userId }}) // -> /user/123
router.push({ path: `/user/${userId}` }) // -> /user/123
// The params here are not effective router.push({ path: '/user', params: { userId }}) // -> /user

1. without parameters this.$router.push('/home')
this.$router.push({name:'home'})
this.$router.push({path:'/home'})
2. query parameter this.$router.push({name:'home',query: {id:'1'}})
this.$router.push({path:'/home',query: {id:'1'}})
// html takes the parameter $route.query.id
// script takes the parameter this.$route.query.id
3. params parameter this.$router.push({name:'home',params: {id:'1'}}) // Only name can be used
// Routing configuration path: "/home/:id" or path: "/home:id" ,
// If you don't configure path, you can request it for the first time, but the id will disappear when you refresh the page // If you configure path, the id will be retained when you refresh the page // HTML takes the parameter $route.params.id
// script takes the parameter this.$route.params.id
4. The difference between query and params. Query is similar to get. After the page is redirected, the parameters will be added to the URL, similar to ?id=1. Non-important parameters can be passed in this way. Passwords and the like can still be passed in params. The refresh page id is still in params. Similar to post, after the page is redirected, the parameters will not be added to the URL, but the refresh page id will disappear. **Note: To get the parameters on the route, use $route, without r at the end**

this.$router.go(n)
Jump forward or backward n pages, n can be a positive or negative integer ps: difference from this.$router.push
Jump to the specified URL path and add a record to the history stack. Clicking back will return to the previous page this.$router.replace
Jump to the specified URL path, but there will be no record in the history stack. Clicking back will jump to the previous page (that is, directly replace the current page)
this.$router.go(n)
Jump forward or backward n pages, n can be a positive or negative integer