1、props常用属性

类型检查(规定数据类型)typeString 字符串
Number 数字
Boolean 布尔
Array 数组
Object 对象
Date 日期
Function 函数
Symbol 独一无二的值(es6)
默认值defaultdefault : (默认值),基础数据类型: 直接赋值,对象数据类型: 用函数赋值 ()=>[]
必填项requiredrequired: (必填项) ,默认为false,说明父级必须传入,否则会报错
校验validator验证传入的值是否符合规定

2、props语法

props: {
    prop1: [Boolean, Number], // 多个类型
    prop2: {
      type: Number, // 数字
      default: 100 // 默认值
    },
    prop3: {
      type: Boolean, // 布尔
      required: true // 必填
    },
    prop4: {
      type: String, // 字符串
      required: true
    },
    prop5: {
      type: Array, // 数组 // 对象或数组默认值必须从一个工厂函数获取
      default: () => []
    },
    prop6: {
      type: Object, // 对象 // 对象或数组默认值必须从一个工厂函数获取
      default: function () {
        return { msg: 'hello' }
      }
    },
    prop7: {
      type: String,
      validator: function (t) { // 自定义验证函数
        return t === 'fade' || t === 'slide' // 这个值必须匹配下列字符串中的一个
      },
      defalut:'slide'
    }
  }

GitHub 加速计划 / vu / vue
82
16
下载
vuejs/vue: 是一个用于构建用户界面的 JavaScript 框架,具有简洁的语法和丰富的组件库,可以用于开发单页面应用程序和多页面应用程序。
最近提交(Master分支:4 个月前 )
9e887079 [skip ci] 2 个月前
73486cb5 * chore: fix link broken Signed-off-by: snoppy <michaleli@foxmail.com> * Update packages/template-compiler/README.md [skip ci] --------- Signed-off-by: snoppy <michaleli@foxmail.com> Co-authored-by: Eduardo San Martin Morote <posva@users.noreply.github.com> 6 个月前
Logo

旨在为数千万中国开发者提供一个无缝且高效的云端环境,以支持学习、使用和贡献开源项目。

更多推荐