Vue 组件中配置项props用法

轻描淡贤

已于 2022-09-09 12:58:07 修改

阅读量366

点赞数

文章标签： vue.js javascript 前端

于 2022-09-09 12:44:30 首次发布

本文链接：https://blog.csdn.net/m0_53620958/article/details/126780676

版权

Vue 组件中配置项props用法

让组件接收外部传过来的数据
1.传递数据：
2.接收数据: 三种方式

第一种方式： 
//简单接收
// props:['name','sex','age']                            
                                   //props是只读的,vue的底层会监测你对props的修改，如果修改会发出警告
                                   //业务需求确实要改，那么可以复制props的内容到data中一份，去修改data中的数据
                                   
第二种方式:
//接收的同时对数据进行类型限制
// props:{
//     name:String,
//     sex:String,
//     age:Number,
// } 
第三种方式 //接收的同时对数据进行类型限制+默认值的指定+必要性的限制
// props:{
//     name:{
//         type:String,
//         required:true //必要性
//     },
//     sex:{
//         type:String,
//         required:true
//     },
//     age:{
//         type:Number,
//         default:99  //默认值
//     }
// }