query 和 params的区别

前言

 

表现形式，和方式说query 和 params的区别

---

表现形式：

 

params

 

{path: '/:id/:name',...}

<router-link :to="{
    name:'home',
    params:{
        title:"tt"
    }
}"> </router-link>

this.$route.params    //获取当前动态路由

 

query

{path: '/home?name=12',...}

<router-link :to="/home?name=12&sex=0"> </router-link>

this.$route.query    //获取当前query

 

---

query

1.是拼接在url后面的参数。
2.参数在?后面，且参数之间用&符分隔
3.query相当于get请求，可以在地址栏看到参数

params

1.是路由的一部分。以对象的形式传递参数
2.使用params传参只能由name引入路由，如果写成path页面会显示警告，说参数会被忽略
3.params相当于post请求，参数不会再地址栏中显示