vue3脚手架中子组件传父组件

在Vue3脚手架中，子组件向父组件传递数据可以使用props属性。在父组件中定义props属性，然后在子组件中通过v-bind指令将数据传递给父组件。具体步骤如下：
1. 在父组件中定义props属性，例如：props: ['msg']。
2. 在子组件中通过v-bind指令将数据传递给父组件，例如：@click="$emit('update-msg', 'new message')"。
3. 在父组件中监听子组件传递的数据，例如：@update-msg="msg = $event"。

除了使用props属性，还可以使用provide/inject API实现子组件向父组件传递数据。在父组件中使用provide方法提供数据，然后在子组件中使用inject方法注入数据。具体步骤如下：
1. 在父组件中使用provide方法提供数据，例如：provide() { return { msg: this.msg } }。
2. 在子组件中使用inject方法注入数据，例如：inject: ['msg']。
3. 在子组件中使用注入的数据，例如：{{ msg }}。