综合实训
侯素玲

1
2
3
4
5

props

发布时间:2023-10-14 16:53   发布人:侯素玲   浏览次数:141

props 是组件的自定义属性,组件的使用者可以通过props 把数据传递到子组件内部,供子组件内部进行使用。

1)子组件中的props,接收父组件中的自定义属性,在子组件中使用。如果父组件给子组件传递了未声明的props 属性,则这些属性无法被子组件使用。

(2)props 属性的名称,建议使用驼峰法命名。


视频1

了解props的概念

视频2

了解props的基本使用
视频3 动态绑定props的值
视频4 props的大小写命名



任务2 组件的 props 验证

在封装组件时对外界传递过来的props 数据进行合法性的校验,从而防止数据不合法的问题。

1.父组件给子组件传递数据authorcount要求author是字符串型必须的默认值是0count是数值型不是必须的默认值是0

视频1

了解什么是props验证

视频2

 多个可能的类型
视频3 必填校验项
         视频4 属性默认值
视频5 自定义验证函数