Vue3子组件向父组件返回数据

Posted 2023-03-04

参考技术A Vue3的子组件向父组件返回数据与Vue2有所不同。具体表现在emits，setup()的使用上，但原理上仍然是相同的，也就是说子组件在向父组件返回数据时，父组件在定义子组件时绑定事件，子组件在返回数据时触发相应的事件就可以了。

说明：

1.在子组件中使用emits标识触发的事件，emits类型为数组

2.通过setup方法定义组件的操作事件，并在操作事件中触发相应的事件

3.触发事件不再使用$emit，而是使用上下文的emit，即：context.emit

父组件的写法与Vue2中的写法相同。