1️⃣ 路由组件传参

在组件中使用 $route 会使之与其对应路由形成高度耦合,从而使组件只能在某些特定的 URL 上使用,限制了其灵活性。
使用 props 在组件配置处将组件和路由解耦。

2️⃣ 布尔模式

如果 props 被设置为 trueroute.params 将会被设置为组件属性, 当做 props 传入组件
image.png
13.gif

2️⃣ 对象模式

如果 props 是一个对象,它会被按原样设置为组件属性。当 props 是静态的时候有用。
image.png
12.gif

2️⃣ 函数模式

你可以创建一个函数返回 props。函数的第一个参数是 route (即$route)
image.png
13.gif