vue组件通信

1.组件声明

1. 在组件内声明所有的 props

   方式一: 只指定名称

   props: ['name', 'age', 'setName']
   

   方式二: 指定名称和类型

   props: {
   name: String,
   age: Number,
   setNmae: Function
   }
   

   • 方式三: 指定名称/类型/必要性/默认值

     props: {
     name: {type: String, required: true, default:xxx},
     }
     

2.使用组件标签时,传递数据

<my-component name='tom' :age='3' :set-name='setName'></my-component>

1. 此方式用于父组件向子组件传递数据
2. 所有标签属性都会成为组件对象的属性, 模板页面可以直接引用

问题:

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