在 Vue 中,父子组件的关系可以总结为 props 向下传递,事件向上传递。父组件通过 props 给子组件下发数据,子组件通过事件给父组件发送消息。
1、父组件向子组件传值 ---props
父组件:<my-com :flag="name" :msg-attr="11"></my-com>
子组件:
(1)props: ['flag']
(2)props: {
// 基础的类型检查 (`null` 和 `undefined` 会通过任何类型验证)
propA: Number,
// 多个可能的类型
propB: [String, Number],
// 必填的字符串
propC: { type: String, required: true },
// 带有默认值的数字
propD: { type: Number, default: 100 } }
(4)对象或数组默认值必须从一个工厂函数获取
props: {
obj: {
type: Object,