路由组件传参
我们通常把路由直接映射的组件成为路由组件,也只有路由组件才能直接调用路由有关对象:“$router”“$route”
当我们一个组件即希望作为路由组件使用,又可能作为功能组件去使用,这个时候路由组件传参的方式来做到这点
案例
我们对item.vue组件进行改造,当我们在home.vue的商品列表移入移出,出现商品信息提示层

Home.vue


因为原来的Item.vue组件时通过this.$route.params.itemId来接收itemId的,但是作为功能组件itemId需要通过prop来传入了,这个时候,我们需要对Item.vue组件进行改造


但是这个时候,我们的Item.vue可以接收来自props的参数,却不可以处理来自路由的params参数了,为了能给Irem.vue组件既能接收props传递的参数,也能接收route.params传递的参数,需要对路由也进行一些改造

默认处理
当 props 设置 为 true,那么 route.params 中的数据自动就会被设置为组件属性与组件原有 props 进行合并
对象模式的
我们也可以有选择的返回props

回调函数模式
也可以使用回调函数模式
