uni-app 组件 父向子传参

UniApp 是一个基于 Vue.js 的跨平台应用开发框架，它支持构建一次，多端部署（包括Web、App、小程序、H5等）。在 UniApp 中，组件之间的通信和数据传递是非常常见的。父向子组件传递参数可以通过以下几种方式进行：

1. **Props（属性）**：这是最常用的方式，父组件将数据作为属性（props）传递给子组件。例如：

<template>
  <child-component :data="parentData" />
</template>

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

在子组件中，通过 `v-bind` 或者简写 `:` 来接收和使用这些数据。

2. **事件（Event Emitter）**：父组件可以触发一个事件，并将数据作为事件的参数传给子组件，子组件通过 `@event` 修饰符监听这个事件并处理数据。

<template>
  <button @click="handleParentData">传递数据</button>
</template>

<script>
export default {
  methods: {
    handleParentData(data) {
      this.$emit('parent-data-changed', data);
    },
  },
};
</script>

在父组件中，接受事件并设置数据：

<template>
  <child-component :data="parentData" @parent-data-changed="updateData"></child-component>
</template>

<script>
// ...
methods: {
  updateData(newData) {
    this.parentData = newData;
  },
}
</script>

3. **Vuex（状态管理）**：如果需要更复杂的数据管理，可以使用 Vuex 存储共享状态，然后通过 actions 和 getters 在组件间传递数据。

相关问题：
1. 如何在 UniApp 中处理多个属性的父子传递？
2. 如何避免在父组件频繁更新子组件的 props 导致性能问题？
3. 什么时候会考虑使用 Vuex 而不是直接通过 Props 传递数据？