Vue中Route的对象参数和常用props传参

lxf2024-04-06 13:51:14

  Vue中Route的对象参数和常用props传参

  如果使用$route.params.id来获取路径传参的数据不够灵活。

  1.我们可以通过props来接收参数

  2.还有一种情况,我们可以将props设置为对象,那么就直接将对象的数据传递给组件进行使用

  3.如果想要获取传递的参数值还想要获取传递的对象数据,那么props应该设置为函数形式。

  补充:

  方式一(会让url带参数,不是很喜欢):

  A页面:

  B页面:

  方式二(内存上的传递,nice),重点是一个用path,一个是用name