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

 更新时间:2020年07月30日 10:18:29   作者:qq_42991509  
这篇文章主要介绍了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,不传默认是0。

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

相关文章

  • Vue-cli搭建spa项目的项目实践

    Vue-cli搭建spa项目的项目实践

    本文主要介绍了Vue-cli搭建spa项目的项目实践,首先,你需要安装Vue CLI,然后通过它创建新项目,接着,选择和配置适当的插件和依赖项,以完善你的SPA项目,感兴趣的可以了解一下
    2023-09-09
  • Vue.directive()的用法和实例详解

    Vue.directive()的用法和实例详解

    这篇文章主要介绍了Vue.directive()的用法和实例 ,需要的朋友可以参考下
    2018-03-03
  • Vue.js+express利用切片实现大文件断点续传

    Vue.js+express利用切片实现大文件断点续传

    断点续传就是要从文件已经下载的地方开始继续下载,本文主要介绍了Vue.js+express利用切片实现大文件断点续传,具有一定的参考价值,感兴趣的可以了解下
    2023-05-05
  • 详细介绍解决vue和jsp结合的方法

    详细介绍解决vue和jsp结合的方法

    这篇文章主要介绍了详细介绍解决vue和jsp结合的方法,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2020-02-02
  • Vue中实现滚动加载与无限滚动

    Vue中实现滚动加载与无限滚动

    本文主要介绍了Vue中实现滚动加载与无限滚动,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2023-06-06
  • vue element-plus图片预览实现方法

    vue element-plus图片预览实现方法

    这篇文章主要给大家介绍了关于vue element-plus图片预览实现的相关资料,最近的项目中有图片预览的场景,也是踩了一些坑,在这里总结一下,需要的朋友可以参考下
    2023-07-07
  • vue 通过base64实现图片下载功能

    vue 通过base64实现图片下载功能

    这篇文章主要介绍了vue 通过base64实现图片下载功能,帮助大家更好的理解和使用vue框架,感兴趣的朋友可以了解下
    2020-12-12
  • Vue 中如何正确引入第三方模块的方法步骤

    Vue 中如何正确引入第三方模块的方法步骤

    这篇文章主要介绍了Vue 中如何正确引入第三方模块的方法步骤,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2019-05-05
  • vue实现点击导航栏滚动页面到指定位置的功能(推荐)

    vue实现点击导航栏滚动页面到指定位置的功能(推荐)

    这篇文章主要介绍了vue实现点击导航栏滚动页面到指定位置的功能(推荐),步骤一是是通过获取不同板块的滚轮高度,步骤二通过编写执行滚动操作的函数,结合实例代码给大家介绍的非常详细,需要的朋友可以参考下
    2023-11-11
  • VUE里如何修改element-ui的显示层次与上下间隔

    VUE里如何修改element-ui的显示层次与上下间隔

    这篇文章主要介绍了VUE里如何修改element-ui的显示层次与上下间隔问题,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
    2023-06-06

最新评论