vue中路由传参 params和query的不同,两个都可以传的

• 1.首先路由的结构

 {  name:'bookDetail',
    path:'/bookdetail',
    component:bookDetail,

}

刚刚开始我一直以为name是没有用的，后来传参的时候才知道有用

params是用那么name来传参的，query使用path来传参的，还有可以用name来跳转路由和path方法一样  

this.$router.push({ name: 'Community' })

• 2.在原来的页面中要跳转下一页的路由，传递参数

使用params：

this.$router.push({ name: 'bookDetail',params:{bookInfo:item}}) 

使用query：

this.$router.push({ path: '/bookdetail',query:{bookInfo:item}}) 

• 3.最后在跳转的页面中接受参数，都是一样的this.$route.query或者this.$route.params

data(){
return{
text:'读书详情',
bookdetail:this.$route.query
}
},