uni-ui 父组件点击按钮给子组件传值

在 Vue 中，可以通过 props 属性实现父组件向子组件传递数据。具体实现步骤如下：

1. 在子组件中定义 props 属性来接收父组件传递的数据。

export default {
  name: 'ChildComponent',
  props: {
    message: {
      type: String,
      default: ''
    }
  }
}

在上面的代码中，我们定义了一个名为 `message` 的 props 属性来接收父组件传递的数据，并且指定了数据类型为字符串。

2. 在父组件中使用子组件时，通过 v-bind 指令绑定数据到子组件的 props 属性上。

<template>
  <div>
    <button @click="handleClick">点击传值</button>
    <child-component :message="msg"></child-component>
  </div>
</template>

<script>
import ChildComponent from './ChildComponent.vue';

export default {
  name: 'ParentComponent',
  components: {
    ChildComponent
  },
  data() {
    return {
      msg: ''
    };
  },
  methods: {
    handleClick() {
      this.msg = 'Hello, Child Component!';
    }
  }
};
</script>

在上面的代码中，我们使用了子组件 `ChildComponent`，并通过 `v-bind` 指令将父组件中的 `msg` 数据绑定到子组件的 `message` props 属性上。

3. 最后在子组件中使用 props 属性接收父组件传递的数据。

<template>
  <div>
    <p>子组件接收到的数据：{{ message }}</p>
  </div>
</template>

<script>
export default {
  name: 'ChildComponent',
  props: {
    message: {
      type: String,
      default: ''
    }
  }
};
</script>

在上面的代码中，我们使用了 Mustache 语法 `{{ message }}` 显示父组件传递过来的数据。

通过以上步骤，我们就可以实现父组件向子组件传递数据了。