vue 父子组件传对象默认值default: () =＞ {} 语法的一个小坑

报错内容如下：

[Vue warn]: Invalid default value for prop "content": Props with type Object/Array must use a factory function to return the default value.

原因：父子组件传值时default不能直接定义成空数组或空对象，需要用工厂函数return返回一个默认值 。

错误写法：default: [] 或 default: {}

正确写法：default: () => [] 或 default: () => {}

注意：object类型这样写是有问题的，输出内容会为undefined。object类型时可以用以下三种方法：

方法一：

方法二：

 

 方法三：