路由组件传递props数据

有三种写法
     在router中:      
            // 布尔值写法
            // props:true,
            // 对象写法,额外地给路由组件传递一些props
            // props:{a:1,b:2}
            // 函数写法:params参数 query参数都可以传递
            props:($route)=>{
                return{keyword:$route.params.keyword,k:$route.query.k}
            }

     在search组件中接收
     props:['keyword','a','b','k']

     使用props目的:简便,将一些属性直接挂载到search上,而不需要在模板中通过$route.params.keywords或者$route.query.k获取,直接写keywords或者k即可
posted @ 2022-05-20 21:28  yeqi7  阅读(183)  评论(0)    收藏  举报