uniapp小程序对父组件开放

在uni-app中，子组件可以通过`$emit`方法向父组件发送消息，从而实现对父组件的开放。以下是一个示例：

假设我们有一个名为`child`的子组件，它包含一个按钮。当按钮被点击时，子组件将通过`$emit`方法向父组件发送一个消息。父组件将在接收到该消息时更新其状态。

子组件的代码如下所示：

<template>
  <view>
    <button @click="$emit('update', 'Hello from child!')">Click me</button>
  </view>
</template>

<script>
export default {
  // 子组件代码
}
</script>

在这里，我们在按钮上使用`@click`指令，当按钮被点击时触发一个方法。在这个方法中，我们使用`$emit`方法向父组件发送一个名为`update`的消息，并将一个字符串参数传递给该消息。

现在，让我们看看如何在父组件中接收这个消息。父组件的代码如下所示：

<template>
  <view>
    <child @update="handleUpdate"></child>
    <view>{{ message }}</view>
  </view>
</template>

<script>
import child from '@/components/child.vue'

export default {
  components: {
    child
  },
  data() {
    return {
      message: ''
    }
  },
  methods: {
    handleUpdate(message) {
      this.message = message
    }
  }
}
</script>

在这里，我们将子组件`child`引入到父组件中，并在模板中使用`<child>`标签来调用它。我们还将`@update`指令附加到子组件上，以便在子组件发出`update`消息时触发一个名为`handleUpdate`的方法。在这个方法中，我们将消息字符串更新到`message`数据属性中，以便在模板中显示它。

所以，这就是如何在uni-app中对父组件开放子组件的简单示例。