vue/父子组件之间的通信

父子组件之间的通信

父组件绑定数据在组件上子组件props属性接收

• 父组件内的data属性中待传的数据data1 => <cpn :data2=“data1”></cpn> 使用的组件上绑定要传入组件内的数据 => 子组件实例中props:[“data2”,…]; (props也可以是对象{data2:{type:String,default:“默认值”(或default(){return [] ;}),required:true},…) => <template>使用data2即可</template>

子组件$emit()发射自定义事件父组件@自定义事件接收

• 子组件data()中待传的数据data2 => 事件触发this.$emit(“my_click2”,data2) vue实例发送自定义事件及事件参数data2 => <cpn @my_click2=“my_click1”></cpn> 父组件使用此组件上绑定此事件到my_click1(默认参数为data2) => 子组件可以使用my_click1

@沉木