uniapp 子组件传参到父组件

在UniApp中，子组件向父组件传递数据通常通过事件（Event Bus）或者props的方式进行。以下是两种常见的做法：

**1. 通过Props传递（父子组件间直接通信）：**
如果你需要从父组件到子组件传递数据，可以在子组件的`props`中声明接收的数据属性，然后在父组件上调用子组件并传入所需值。

<!-- 父组件.vue -->
<template>
  <child-component :data="parentData" />
</template>

<script>
import ChildComponent from './ChildComponent.vue';
export default {
  components: {
    ChildComponent
  },
  data() {
    return {
      parentData: '这是父组件的数据'
    }
  }
}
</script>

<!-- 子组件.vue -->
<template>
  <button @click="handleClick">点击获取数据</button>
</template>

<script>
export default {
  props: {
    data: String // 接收的数据类型
  },
  methods: {
    handleClick() {
      console.log(this.data);
    }
  }
}
</script>

**2. 通过Event自定义事件（非父子组件间的通信）：**
如果需要跨级通信，可以使用 UniApp 提供的Event模块，在子组件触发事件，然后在父组件监听这个事件来接收。

<!-- 子组件.vue -->
<template>
  <button @click="emitData">触发数据传递</button>
</template>

<script>
export default {
  methods: {
    emitData() {
      this.$emit('parentData', '这是一条来自子组件的数据');
    }
  }
}
</script>

<!-- 父组件.vue -->
<template>
  <ChildComponent @parentData="handleParentData" />
</template>

<script>
import ChildComponent from './ChildComponent.vue';
export default {
  components: {
    ChildComponent
  },
  methods: {
    handleParentData(data) {
      console.log('父组件接收到:', data);
    }
  }
}
</script>