關於vue-router中開發經過props傳值的三種方式

首先是經過props設置爲true,能夠進行布爾傳值,能夠接受params的方法進行傳遞

{
                    path:"zdh/:name/:price",//定義其屬性
                    component:Zdh,
                    props:true
                
                
                },複製代碼

其次是經過props爲函數時進行傳值,此時用的query方式進行參數的傳遞

{
                    path:"zdh",
                    component:Zdh,
                    props : (route) => ({
                            name : route.query.name,
                            age : route.query.age
                    })
                
                
         },複製代碼

最後是能夠經過props爲對象的方式進行處理靜態數據,可以使用對象模式

{
                    path:"zdh",
                    component:Zdh,
                    props:{                         name:'zhaodonghao',
                        age:55
                    }
                
                
                },複製代碼