Vue08_组件化02-父子组件传值
一、子组件props属性
-
子组件具有父组件的属性，如数据属性data，但data必须是函数，否则会造成“一改全改” props属性：prop 是子组件用来接受父组件传递过来的数据的一个自定义属性。 父组件的数据需要通过 props 把数据传给子组件，子组件需要显式地用 props 选项声明 “prop”：
-
效果：
二、动态 Prop
用 v-bind 动态绑定 props 的值到父组件的数据中。每当父组件的数据变化时，该变化也会传导给子组件：
1. 实例：
效果：
2. 实例
-
使用 v-bind 指令将数据传到每一个重复的组件中：
效果： 同理，数组中也可以是对象，实现item.name、item.sex等传值
3. 注意：
-
prop 是单向绑定的：当父组件的属性变化时，将传导给子组件，但是不会反过来。
三、Prop 验证
组件可以为 props 指定验证要求
-
待添加…
上一篇：
IDEA上Java项目控制台中文乱码