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

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

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

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

然后去百度了一下,应该这样写:

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'})
	}
}


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