params：路由配置時候要在路徑后面加動態(tài)配置的參數(shù)名 如：/:id，強制刷新會被清空，參數(shù)不會顯示在路徑地址上，

路由配置:
{
      path: '/detail/:id/',   
      name: "detail",
      component: detail//這個details是傳進來的組件名稱
}

使用路由： 
1:  <router-link :to="{ name: 'details', params: { id: 123 }}">點擊按鈕</router-link>
2: this.$router.push({name:'details',params:{id:123}})

地址欄顯示路徑形式：
http://localhost:8081/#/details/123

跳轉的方法：
1：this.$router.push( `/detail/${this.$route.params.id}` )
2：this.$router.push( {name:'detail', params:{ id:123 } } )

query：路由配置的時候path不用帶參數(shù)

路由配置：
{
       path: '/detail',//這里不需要參入?yún)?shù)，參見上面的params寫法
       name: "detail",
       component: detail//這個details是傳進來的組件名稱
 }

使用路由： 
1：<router-link :to="{ name: 'details', query: { id: 123 }}">點擊按鈕</router-link>
2：this.$router.push({name:'details',query:{id:123}})
3：<router-link :to="{ path: 'details', query: { id: 123 }}">點擊按鈕</router-link>
4：this.$router.push({path:'details',query:{id:123}})

地址欄顯示路徑形式：
http://localhost:8080/#/details?id=123

跳轉的方法：
1、this.$router.push( `/detail?id=${this.$route.query.id}` )
2：this.$router.push( { path:'detail', query:{ id:123 } } )