关于vue-router中开发经过props传值的三种方式

时间 2019-11-08

标签关于 vue router 开发经过 props 三种方式繁體版

原文原文链接

首先是经过props设置为true,能够进行布尔传值,能够接受params的方法进行传递bash

{
                    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为对象的方式进行处理静态数据,可以使用对象模式spa

{
                    path:"zdh",
                    component:Zdh,
                    props:{                         name:'zhaodonghao',
                        age:55
                    }
                
                
                },复制代码