传静态的属性
子组件:
{ { msg }}
父组件:
好了,这样就完成了一个最简单的使用prop接收父元素的值
传动态字符串
子组件
{ { msg }}
父组件
可以看到,子组件我未做任何修改,只是在父组件做了一些修改
传动态数组
子组件
- { { item }}
父组件
传动态对象
子组件
{ { msg.id }}
{ { msg.name }}
父组件
对prop的状态进行验证
prop的状态可以为
- String
- Number
- Boolean
- Array
- Object
- Date
- Function
- Symbol 下面进行演示 子组件
{ { num }}
{ { msg }}
{ { obj.id }}
{ { obj.name }}
- { { item }}
父组件
上面演示了Number,String,Array,object的用法