vue报错Invalid default value for prop “d3Data“: Props with type Object/Array must use a factory fun

场景

今天合并代码后vue报错如下
Invalid default value for prop “d3Data”: Props with type Object/Array must use a factory function

解决

通过报错提示可以了解到我们写的组件，props设置默认值时，如果是Object或者Array类型，不能直接设置，需要使用工厂函数。

报错代码

props: {
    
    
	d3Data: {
    
    
		type: Object,
		default: {
    
    }
	}
}

修改后的代码

props: {
    
    
	d3Data: {
    
    
		type: Object,
		default: function() {
    
    
			return {
    
    }
		}
	}
}