在vue2中父传子:
1.在父组件中使用自定义属性<father :titile="titile">
2.在子组件使用props:[] 接受,接收方式也可以是数组,也可以是对象接收即可使用
父组件如下:
子组件如下:
子向父传值
1.给子组件使用$emit('自定义事件名','需要处理的数据1'...)
2.给父组件绑定事件监听,把传入的参数进行处理 -->
子组件如下:
父组件如下:
在vue3中有什么不同呢?父传子:
- 父组件中给子组件绑定自定义属性
- 子组件内部通过props选项接收数据
父组件如下:
子组件:
子传父:
- 父组件中给子组件标签通过@绑定事件
- 子组件内部通过 emit 方法触发事件
- const emit = defineEmits(['事件名1', '事件名2'])
- emit('事件名1', 值1)