这篇文章主要介绍了vue props default Array或是Object的正确写法说明，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
1、错误写法
demo:{ type:Array, default:[] }
eslint语法报错：
Invalid default value for prop “demo”: Props with type Object/Array must use a factory function to return the default value.
2、正确的写法应该是：
demo: { type: Array, default: function () { return [] } }
或是用箭头函数：
demo: { type: Array, default: () => [] }
3、对象的箭头函数写法：
demoObj: { type: Object, default: () => ({}) }
或是常规
demoObj: { type: Object, default: function () { return {} } }
错误的写法
demoObj: () => {}
补充知识：vue 传参props里面为什么要带type,还有default?
这个是子组件啦 ,写type的意思是swiperDate传过来的数据类型是数组,default就是表示不传默认返回的[ ],空数组.
这种就是表示传的数据类型是number,本文来源gaodaimacom搞#^代%!码&网(不传默认是0。
以上这篇vue props default Array或是Object的正确写法说明就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持gaodaima搞代码网。
以上就是vue props default Array或是Object的正确写法说明的详细内容，更多请关注gaodaima搞代码网其它相关文章！
搞代码网（gaodaima.com）提供的所有资源部分来自互联网，如果有侵犯您的版权或其他权益，请说明详细缘由并提供版权或权益证明然后发送到邮箱[email protected]，我们会在看到邮件的第一时间内为您处理，或直接联系QQ：872152909。本网站采用BY-NC-SA协议进行授权
转载请注明原文链接：vue props default Array或是Object的正确写法说明
转载请注明原文链接：vue props default Array或是Object的正确写法说明
