vue父子组件传值易错点之props指定默认值报错

父组件什么都没传入:
在这里插入图片描述
子组件内部规定只接受String类型数据,没有传入则默认dean dean dean dean:
在这里插入图片描述

打印出来结果:
在这里插入图片描述

对于基本类型数据,String,Number,Boolean,默认值default可以这样直接指定,但是如果数据是对象类型,就不可以直接指定,而需要用函数赋值() => {} :

比如我们现在这样,指定props接收svgName的类型是Array类型,默认值如果只写一个空数组,就会报错:
在这里插入图片描述
意思就是Object/Array类型的props接收数据默认值必须使用工厂函数返回:
在这里插入图片描述
在这里插入图片描述
修改成这样:
在这里插入图片描述
就不会报错了

像Array,Object,Date,Function,Symbol这几个类型的数据,都要这样操作
在这里插入图片描述


版权声明:本文为dyw3390199原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。