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 相关文章推荐
JavaScript 学习初步 入门教程
Mar 25 Javascript
数组方法解决JS字符串连接性能问题有争议
Jan 12 Javascript
基于jQuery实现下拉收缩(展开与折叠)特效
Dec 25 Javascript
php显示当前文件所在的文件以及文件夹所有文件以树形展开
Dec 13 Javascript
Javascript Memoizer浅析
Oct 16 Javascript
JavaScript拖拽、碰撞、重力及弹性运动实例分析
Jan 08 Javascript
页面向下滚动ajax获取数据的实现方法(兼容手机)
May 24 Javascript
js方法数据验证的简单实例
Sep 17 Javascript
基于Vue渲染与插件的加载顺序的问题详解
Mar 05 Javascript
Vue CLI3 如何支持less的方法示例
Aug 29 Javascript
详解vuex状态管理模式
Nov 01 Javascript
vue组件添加事件@click.native操作
Oct 30 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脚本数据库功能详解(上)
2006/10/09 PHP
PHP判断远程图片是否存在的几种方法
2014/05/04 PHP
laravel框架实现敏感词汇过滤功能示例
2020/02/15 PHP
asp.net下使用jquery 的ajax+WebService+json 实现无刷新取后台值的实现代码
2010/09/19 Javascript
JS去除字符串两端空格的简单实例
2013/12/27 Javascript
JavaScript利用构造函数和原型的方式模拟C#类的功能
2014/03/06 Javascript
把文本中的URL地址转换为可点击链接的JavaScript、PHP自定义函数
2014/07/29 Javascript
使用coffeescript编写node.js项目的方法汇总
2015/08/05 Javascript
jQuery实现订单提交页发送短信功能前端处理方法
2016/07/04 Javascript
Angular2  NgModule 模块详解
2016/10/19 Javascript
详解vue-Resource(与后端数据交互)
2017/01/16 Javascript
Vue.js中轻松解决v-for执行出错的三个方案
2017/06/09 Javascript
基于js中的原型(全面讲解)
2017/09/19 Javascript
微信小程序url与token设置详解
2017/09/26 Javascript
详解Vue源码中一些util函数
2019/04/24 Javascript
Vue学习笔记之计算属性与侦听器用法
2019/12/07 Javascript
[01:03:42]VP vs VGJ.S 2018国际邀请赛小组赛BO2 第一场 8.19
2018/08/21 DOTA
wxPython事件驱动实例详解
2014/09/28 Python
python根据文件大小打log日志
2014/10/09 Python
Python 2.7.x 和 3.x 版本的重要区别小结
2014/11/28 Python
Python打包文件夹的方法小结(zip,tar,tar.gz等)
2016/09/18 Python
Python简单网络编程示例【客户端与服务端】
2017/05/26 Python
从头学Python之编写可执行的.py文件
2017/11/28 Python
Python实现播放和录制声音的功能
2020/08/12 Python
html5的画布canvas——画出简单的矩形、三角形实例代码
2013/06/09 HTML / CSS
优秀教师先进事迹
2014/01/22 职场文书
运动会方阵解说词
2014/02/12 职场文书
2014年班主任自我评价范文
2014/04/23 职场文书
安全生产计划书
2014/05/04 职场文书
2014党员学习习主席讲话思想汇报
2014/09/15 职场文书
2014年十一国庆节爱国演讲稿
2014/09/23 职场文书
2014年电教工作总结
2014/12/19 职场文书
因家庭原因离职的辞职信范文
2015/05/12 职场文书
单独二胎证明
2015/06/24 职场文书
诚信教育主题班会
2015/08/13 职场文书
MySQL数据迁移相关总结
2021/04/29 MySQL