VUE props的坑(Props with type Object/Array must use a factory function to return the default value)(代码

Posted 2021-09-19 GHUIJS

今天在写父组件给子组件传值写默认值时报了这样一个警告：

// 数组／对象的默认值应当由一个工厂函数返回

研究半天只有默认值为引用类型报警告...

然后去百度了一下，应该这样写：

props:{
	data:{
		type:Object,
		default:function() {
			return {'name':'ghui'}
		}
	}
}

然后就自己想着写成箭头函数来着：

props:{
	list:{
		type:Array,
		default:() => [1,2,3,4,5]
	},
	name:{
		type:String,
		default:'ghui'
	},
	age:{
		type:Number,
		default:18
	},
//默认值为Object时要这样写
	obj:{
		type:Object,
		default:() => ({'name':'ghui'})
	}
}