vue.js必背题

vue传参

params

加冒号 设置props:true (path:’/line/ : id ')
query
加问号 query的path传参需要加 /

params：/router1/:id，这里的 id 叫做 params。例如/router1/123

query：/router1?id=123，这里的 id 叫做 query。例如/router1?id=456

传递参数
this.$router.push({ path:’/xxx’ query:{ id:id } })

接收参数
this.$route.params.id

vue传参中params与query的区别

1）引入方式不同： query要使用path来引入，params只能使用name来引入，接受参数格式类似，引用分别是this. $ route.query.name和this. $ route.params.name

注意:params 传参，push 里面只能是 name:‘xxxx’,不能是 path:’/xxx’,因为 params 只能用 name 来引入路由，如果这里写成了 path，接收参数页面会是 undefined！！！

2）形成的路径不同（或者url地址显示不同）：
使用query传参的话，会在浏览器的url栏看到传的参数类似于get请求，使用params传参的话则不会，类似于post请求。
params传递后形成的路径：/rout