前端培训之组件间通信 1:props

1. 使用组件标签时
<my-componentname=’tom’:age=’3′:set-name=’setName’></my-component>
2. 定义 MyComponent 时
1) 在组件内声明所有的 props

2) 方式一: 只指定名称 props:[‘name’,’age’,’setName’]

3) 方式二: 指定名称和类型 props:{ name:String, age:Number, setNmae:Function }

4) 方式三: 指定名称/类型/必要性/默认值 props:{ name:{type:String,required:true,default:xxx}, }

3. 注意
1) 此方式用于父组件向子组件传递数据

2) 所有标签属性都会成为组件对象的属性, 模板页面可以直接引用

3) 问题: a. 如果需要向非子后代传递数据必须多层逐层传递 b. 兄弟组件间也不能直接 props 通信, 必须借助父组件才可以

想要了解跟多关于前端培训课程内容欢迎关注尚硅谷前端培训,尚硅谷除了这些技术文章外还有免费的高质量前端培训课程视频供广大学员下载学习


上一篇:
下一篇:
关于尚硅谷
教育理念
名师团队
学员心声
资源下载
视频下载
资料下载
工具下载
加入我们
招聘岗位
岗位介绍
招贤纳师
联系我们
电话:010-56253825
邮箱:info@atguigu.com
地址:北京市昌平区宏福科技园综合楼6层(北京校区)

 深圳市宝安区西部硅谷大厦B座C区一层(深圳校区)

上海市松江区谷阳北路166号大江商厦6层(上海校区)