关于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
                    }
                
                
                },复制代码

转载于:https://juejin.im/post/5d2546945188250d3d60decd