params和query的區別，$route和$router的區別

params

params的類型：

• 配置路由格式：/router/:id 傳遞的方式：<router-link :to="'/user/'+userId">用戶</router-link>
• 配置路由格式：/router/:id 傳遞的方式：this.$router.push('/user/'+this.userId)
• 配置路由格式：/router 傳遞的方式：this.$router.push({name:'User',params: {userId: 666}})

params傳遞後形成的路徑：/router/123,/router/zhangsan
params接受傳遞的參數：<p>我是{{$route.params.userId}}用戶相關信息</p>,

computed: {
userId(){
return this.$route.params.userId
}
}

query

query的類型：

• 配置路由格式：/router 傳遞的方式：this.$router.push({path:'/profile', query: {name:'123', age: 10}})

query傳遞後形成的路徑：/router?id=666&name=zhangsan
query接受傳遞的參數：<h2>姓名：{{$route.query.name}}</h2>

params和query的區別

query要使用path來引入，params要使用name來引入，接受參數類似，分別是this.$route.query.name和this.$route.params.name

$route

$route爲當前router跳轉對象，也就是當前活躍激活的路由對象，包含當前路由的name,path,query,params等屬性

$router

$router爲當前VueRouter實例，想要導航到不同URL，則使用 `$router.push`方法