props 是组件的自定义属性,组件的使用者可以通过props 把数据传递到子组件内部,供子组件内部进行使用。
(1)子组件中的props,接收父组件中的自定义属性,在子组件中使用。如果父组件给子组件传递了未声明的props 属性,则这些属性无法被子组件使用。
(2)props 属性的名称,建议使用驼峰法命名。
视频1 | 了解props的概念 |
视频2 | 了解props的基本使用 |
视频3 | 动态绑定props的值 |
视频4 | props的大小写命名 |
任务2 组件的 props 验证
在封装组件时对外界传递过来的props 数据进行合法性的校验,从而防止数据不合法的问题。
1.父组件给子组件传递数据author和count,要求author是字符串型,必须的,默认值是0;count是数值型,不是必须的,默认值是0。
视频1 | 了解什么是props验证 |
视频2 | 多个可能的类型 |
视频3 | 必填校验项 |
视频4 | 属性默认值 |
视频5 | 自定义验证函数 |