• Vue组件 props 规则


    原文:https://www.cnblogs.com/niusan/p/10390208.html

    Vue组件 props
    组件是Vue最强大的功能之一;组件化编程,允许我们使用小型,独立,通用的可复用型组件构建大型应用;任何页面都可以抽象为组件树;

    props数据验证

    //
    /**

    • 数据验证的type类型可以是
    • String,
    • Number,
    • Boolean,
    • Object,
    • Array,
    • Function
    • type也可以是一个自定义的构造器,使用instanceof 检测
    • 当prop验证失败的时候,在开发版本下会在控制台抛出一条警告

    */
    props: {
    //数据验证
    name: String, //字符串类型
    age: [String, Number], // 必须是字符串或者数组类型
    propB: {
    // 布尔值 如果没定义,默认是true
    type: Boolean,
    default: true
    },
    propC: {
    //数组而且是必传
    type: Number,
    required: true
    },
    propD: {
    //如果是数组或者对象,默认值必须是一个函数来返回
    type: Array,
    default: function() {
    return [];
    }
    },
    propF: {
    // 自定义一个验证函数
    validator: function(value) {
    return value > 10;
    }
    }
    },

  • 相关阅读:
    java基础(上)
    java前奏
    Spring框架介绍
    bootstrap简单学习
    存储过程和函数
    触发器
    视图
    索引
    mysql增、删、改数据
    子查询
  • 原文地址:https://www.cnblogs.com/jyk/p/13589010.html
Copyright © 2020-2023  润新知