Vue学习使用系列四【父子組件通信-父传子】


1:code

 1 
 2 "en">
 3 
 4 
 5     "UTF-8">
 6     "viewport" content="width=device-width, initial-scale=1.0">
 7     Document
 8     
 9 
10 
11 
12     
"app"> 13

prop 是子组件用来接受父组件传递过来的数据的一个自定义属性。

14

父组件的数据需要通过 props 把数据传给子组件,子组件需要显式地用 props 选项声明 "prop"

15

注意: prop 是单向绑定的:当父组件的属性变化时,将传导给子组件,但是不会反过来。

16
17 "data01"> 18 "data02"> 19
20 23 39 40 41

2:测试效果