课程名称:前端框架及项目面试 聚焦Vue3/React/Webpack
课程章节:Vue3.0
主讲老师:双越老师
课程内容:
今天学习内容包括:
路由的props配置
课程收获:
路由的props配置
让路由组件更方便的收到数据
第一种写法:props 的值为对象。该对象中的所有 key-value 都会以 props的形式传给 Detail 组件。
注意:使用的少,因为传递的是死数据。
第二种写法,值为布尔值。若布尔值为真,就会把该路由组件收到的所有 params 参数,以 props 的形式传给 Detail 组件。
注意:只能传递
params
参数,不会传递 query 参数。props 的第三种写法,值为函数。该函数返回的对象中每一组 key-value 都会通过 props 传给 Detail 组件。
该写法既能传递
params
参数,也能传递query
参数
课程学习截图: