vue props default Array或是Object的正确写法说明


Posted in Javascript onJuly 30, 2020

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?

vue props default Array或是Object的正确写法说明

这个是子组件啦 ,写type的意思是swiperDate传过来的数据类型是数组,default就是表示不传默认返回的[ ],空数组.

vue props default Array或是Object的正确写法说明

这种就是表示传的数据类型是number,不传默认是0。

以上这篇vue props default Array或是Object的正确写法说明就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
Prototype使用指南之form.js
Jan 10 Javascript
js类中获取外部函数名的方法
Aug 19 Javascript
自定义右键属性覆盖浏览器默认右键行为实现代码
Feb 02 Javascript
javascript实现状态栏文字首尾相接循环滚动的方法
Jul 22 Javascript
jQuery实现点击按钮弹出可关闭层的浮动层插件
Sep 19 Javascript
JavaScript中字面量与函数的基本使用知识
Oct 20 Javascript
Bootstrap+jfinal实现省市级联下拉菜单
May 30 Javascript
Mongoose学习全面理解(推荐)
Jan 21 Javascript
Vue自定义指令封装节流函数的方法示例
Jul 09 Javascript
JavaScript中工厂函数与构造函数示例详解
May 06 Javascript
JavaScript基于面向对象实现的无缝滚动轮播示例
Jan 17 Javascript
JS图片懒加载技术实现过程解析
Jul 27 Javascript
Vue props中Object和Array设置默认值操作
Jul 30 #Javascript
vue prop传值类型检验方式
Jul 30 #Javascript
Vue(定时器)解决mounted不能获取到data中的数据问题
Jul 30 #Javascript
vue setInterval 定时器失效的解决方式
Jul 30 #Javascript
vue 解决setTimeOut和setInterval函数无效报错的问题
Jul 30 #Javascript
浅谈vue 组件中的setInterval方法和window的不同
Jul 30 #Javascript
详解JavaScript自定义函数
Jul 29 #Javascript
You might like
用php实现批量查询清除一句话后门的代码
2008/01/20 PHP
PHP运行环境配置与开发环境的配置(图文教程)
2013/06/04 PHP
thinkphp缓存技术详解
2014/12/09 PHP
php在windows环境下获得cpu内存实时使用率(推荐)
2018/02/08 PHP
JavaScript中void(0)的具体含义解释
2007/02/27 Javascript
限制文本框输入N个字符的js代码
2010/05/13 Javascript
基于jquery点击自以外任意处,关闭自身的代码
2012/02/10 Javascript
jquery实现点击文字可编辑并修改保存至数据库
2014/04/15 Javascript
js面向对象编程之如何实现方法重载
2014/07/02 Javascript
浅谈bootstrap使用中的一些问题以及解决过程
2016/10/18 Javascript
JQuery和PHP结合实现动态进度条上传显示
2016/11/23 Javascript
JavaScript无阻塞加载和defer、async详解
2017/02/26 Javascript
angular4 JavaScript内存溢出问题
2018/03/06 Javascript
通过JS运行机制的角度说说作用域
2019/03/12 Javascript
layui实现左侧菜单点击右侧内容区显示
2019/07/26 Javascript
javascript实现fetch请求返回的统一拦截
2019/12/22 Javascript
JS出现404错误原理及解决方案
2020/07/01 Javascript
详解微信小程序(Taro)手动埋点和自动埋点的实现
2021/03/02 Javascript
[00:33]2018DOTA2亚洲邀请赛TNC出场
2018/04/04 DOTA
Python随机生成彩票号码的方法
2015/03/05 Python
python中base64加密解密方法实例分析
2015/05/16 Python
Python Django使用forms来实现评论功能
2016/08/17 Python
Python网络爬虫项目:内容提取器的定义
2016/10/25 Python
Python如何基于selenium实现自动登录博客园
2019/12/16 Python
吉力贝官方网站:Jelly Belly
2019/03/11 全球购物
几个Shell Script面试题
2012/08/31 面试题
介绍一下Java的事务处理
2012/12/07 面试题
高一学生期末评语
2014/04/25 职场文书
读书活动总结
2014/04/28 职场文书
项目经理任命书范本
2014/06/05 职场文书
学雷锋标兵事迹材料
2014/08/18 职场文书
工作推荐信模板
2015/03/25 职场文书
初一军训感言
2015/08/01 职场文书
办公室日常管理制度
2015/08/04 职场文书
《领导干部从政道德启示录》学习心得体会
2016/01/20 职场文书
Python3 多线程(连接池)操作MySQL插入数据
2021/06/09 Python