vue3怎么使用子传父

在Vue3中，子传父的使用方式与Vue2基本相同。首先，在子组件中通过props接收父组件传递的数据。然后，在子组件中使用`emit`方法触发一个自定义事件，并将要传递给父组件的数据作为参数传入。父组件可以通过在子组件标签上监听这个自定义事件，并在事件处理函数中获取子组件传递的数据。

具体步骤如下：
1. 在子组件中，使用`props`接收父组件传递的数据。
2. 在子组件中，使用`emit`方法触发一个自定义事件，并将要传递给父组件的数据作为参数传入。
3. 在父组件中，监听子组件触发的自定义事件，并在事件处理函数中获取子组件传递的数据。

范例中提供了两种使用子传父的示例代码：
1. 在子组件中使用`emit`方法直接从`context`里面获取的方式：

// 子组件
export default {
  // ...
  setup(props, { emit }) {
    // 子传父第三步
    const toChild = () => {
      emit("ppp", "我是子组件，我改变了");
    };
    // ...
    return {
      // ...
      toChild
    };
  },
};

2. 在子组件中使用`context`参数的方式：

// 子组件
export default {
  // ...
  setup(props, context) {
    // 子传父第三步
    const toChild = () => {
      context.emit("ppp", "我是子组件，我改变了");
    };
    // ...
    return {
      // ...
      toChild
    };
  },
};