Vue3props定义与数据校验通信软件前端开发35课件讲解.pptxVIP

《通信软件前端开发》主讲教师：张娇Vue3props定义与数据校验

课程导入┌─────────────────────┐│收件人：张三││联系电话││商品类型：电子产品││是否需要签收：是│└─────────────────────┘

生活小剧场快递单与数据校验

认识propsprops是英文properties（属性）的缩写。props专门代表“从外部（父组件）传入到当前组件内部的数据单向数据流！！

为什么需要校验？

props的两种写法//数组写法：只列出要接收的数据名称constprops=defineProps([name,status,ip])写法一：数组写法

props的两种写法//对象写法：给每个数据加上说明defineProps({name:String,//说明：name必须是字符串status:Number//说明：status必须是数字})写法二：对象写法

数组写法vs对象写法

校验规则规则一：基础类型检查（type）

校验规则props:{//ID可以是字符串001或数字1id:[String,Number],//状态可以是字符串true或布尔值truestatus:[String,Boolean]}规则二：