2020-08-08

vue父子组件传值，props为[ob:Observer]

最近用vue做个项目练习时，遇到这样一个问题，在父组件里请求数据，将这个数据传值给它的子组件，在子组件的生命周期函数里在控制台打印props接收的数据，结果如图:
根本得不到数据列表。网上有许多解决方案，但我想找一个更简单的操作(那些解决过程看上去繁琐，可能是我理解不好)。经过尝试，终于找到一个比较满意的方法。如下图所示:

因为数据列表是个数组，在父组件中将请求的数据列表，通过es6的扩展运算符将数组展开，再通过一个空数组保存这些元素。父组件将该数据传值给子组件。
在子组件打印props接收到的数据如下图所示:


此方法适用于数组类型的数据。
共同学习，共同成长。