vue-router傳遞參數(shù)分為兩大類
? ? ? ? ?編程式導(dǎo)航? ? ? ? router.push
? ? ? ? ?聲明式的導(dǎo)航? ? ?<router-link>
? ? 1)router.push
? ? ? 字符串:直接傳遞路由地址蜕径,但是不能傳遞參數(shù)
? ? ? ? ? ? ? ? ? ?this.$router.push("home")
? ? ? 對象:
? ? ? ? ? ?命名路由? ?這種方式傳遞參數(shù)封字,目標(biāo)頁面刷新會報錯
? ? ? ? ? ? ? ? ? ? ? ? ? ? ?this.$router.push({name:"news",params:{userId:123})
? ? ? ? ? ?查詢參數(shù)? ?和name配對的式params,和path配對的是query
? ? ? ? ? ? ? ? ? ? ? ? ? ? ?this.$router.push({path:"/news',query:{uersId:123})?
? ? ? ? ? ?接收參數(shù)? ?this.$route.query
? ? 2)聲明式導(dǎo)航
? ? ? ? ? ? 字符串 <router-link to:"news"></router-link>
? ? ? ? ? ? 命名路由 <router-link :to:"{name:'news',params:{userid:1111}}"></route-link>
? ? ? ? ? ? 查詢參數(shù)? <router-link :to="{path:'/news',query:{userId:1111}}"></router-link>