props-接收声明的写法

最新推荐文章于 2024-02-01 15:00:39 发布

SillyFat

最新推荐文章于 2024-02-01 15:00:39 发布

阅读量126

点赞数

分类专栏： vue 文章标签：前端 vue

本文链接：https://blog.csdn.net/weixin_44585315/article/details/129508713

版权

vue 专栏收录该内容

7 篇文章 0 订阅

订阅专栏

文章介绍了在Vue.js中如何声明并管理组件的props，包括简单列表声明、指定数据类型以及设置默认值和必要性验证。通过对props的type、required和default属性的使用，确保了组件接收到的属性值符合预期。

摘要由CSDN通过智能技术生成

props-接收声明的写法

//简单声明接收
props:['name','age','sex'] 
//接收的同时对数据进行类型限制
props:{
    name:String,
    age:Number,
    sex:String
} 
//接收的同时对数据：进行类型限制+默认值的指定+必要性的限制
props:{
    name:{
        type:String, //name的类型是字符串
        required:true, //name是必要的
    },
    age:{
        type:Number,
        default:99 //默认值
    },
    sex:{
        type:String,
        required:true
        }
}