vue3之使用defineExpose示例

在Vue 3中，可以使用`defineExpose`来暴露组件的一些方法或属性给父组件使用。通过`defineExpose`，我们可以将组件内部的一些逻辑或数据暴露给父组件，使得父组件可以直接调用这些方法或属性。

下面是一个使用`defineExpose`的示例：

// 子组件 Child.vue
<template>
  <div>
    <button @click="increaseCount">增加计数</button>
    <p>当前计数：{{ count }}</p>
  </div>
</template>

<script>
import { defineExpose, ref } from 'vue';

export default {
  setup() {
    const count = ref(0);

    const increaseCount = () => {
      count.value++;
    };

    // 使用 defineExpose 暴露方法和属性
    defineExpose({
      count,
      increaseCount,
    });

    return {
      count,
      increaseCount,
    };
  },
};
</script>

在上述示例中，子组件`Child.vue`通过`defineExpose`将`count`和`increaseCount`暴露给父组件。父组件可以直接在模板中使用子组件的暴露方法和属性。

相关问题：
1. 什么是Vue 3中的`defineExpose`？
2. 如何在Vue 3中使用`defineExpose`？
3. `defineExpose`的作用是什么？
4. Vue 3中有其他方式可以实现组件之间的通信吗？