美文网首页vue3
Vue父子组件传值,子组件中props的多种类型总结

Vue父子组件传值,子组件中props的多种类型总结

作者: 中v中 | 来源:发表于2021-06-11 19:34 被阅读0次
    props: {
     // 基础类型检测 (`null` 意思是任何类型都可以)
     propA: Number,
     // 多种类型
     propB: [String, Number],
     // 必传且是字符串
     propC: {
       type: String,
       required: true
     },
     // 数字,有默认值
     propD: {
       type: Number,
       default: 100
     },
     // 数组/对象的默认值应当由一个工厂函数返回
     propE: {
       type: Object,
       default: function () {
         return { message: 'hello' }
       }
     },
     // 自定义验证函数
     propF: {
       validator: function (value) {
         return value > 10
       }
     }
    

    相关文章

      网友评论

        本文标题:Vue父子组件传值,子组件中props的多种类型总结

        本文链接:https://www.haomeiwen.com/subject/jwvveltx.html