vue中父传子props的使用

第一种

传递一个数组

props:["cont"]

第二种

传递一个对象

props:{
   uploadOption:{
        type:Object,参数类型必须是一个对象
        required: true  这一种说明这个参数是必须的哈
   }
}

其他的用法

基础的类型检查 (nullundefined 会通过任何类型验证)

 props: {
  
    propA: Number,//如果不符合类型 控制台会警告

    // 多个可能的类型
    propB: [String,Number],// 必填的字符串
    propC: {
      type: String,required: true  //必填
    },// 带有默认值的数字  propD是一个数字,如果没有值,默认是100
    propD: {
      type: Number,default: 100
    },// 带有默认值的对象
    propE: {
      type: Object,// 对象或数组默认值必须从一个工厂函数获取
      default: function () {
        return { message: 'hello' }
      }
    },// 自定义验证函数
    propF: {
      validator: function (value) {
        // 这个值必须匹配下列字符串中的一个
        return ['success','warning','danger'].indexOf(value) !== -1
      }
    }

相关文章

https://segmentfault.com/a/1190000022018995 https://www....
ES6 (ECMAScript 6)中的模块是一个包含 JavaScript 代码的...
from https://mp.weixin.qq.com/s/-rc1lYYlsfx-wR4mQmIIQQ V...
D:\Temp>npm init vite@latest vue3study --temp...
文章浏览阅读1.2k次。最近自己从零撸起的甘特图组件需要子组...
文章浏览阅读3.3k次,点赞3次,收藏16次。静默打印是什么?简...