vue 父子组件的数据传递

140 阅读1分钟

第一种情况: 父--子 组件的数据传递

1.父组件引用子组件,并在子组件上动态绑定属性,


2.子组件中写上props声明要接收的数据(并可以进行数据类型的验证)


第二种情况: 子 -- 父 组件的数据传递

1. 在子组件中有一个事件(比如click事件)触发数据传递(用this.$emit(eventType,detailDatas)),然后以参数的形式写到括号内,

第一个参数是事件类型(eventType),第二个是要传递的数据(detailDatas)



2.父组件中在子组件上写上子组件传递过来的事件类型,并触发该组件中某个事件,这样就讲数据传递过来了。