vue 中把父组件中的数据传到子组件中的自组件，请搭配element-ui，和具体代码展示

在Vue中，父组件向子组件传递数据的方式有多种，其中包括使用props、provide/inject等。

以下是一个使用props传递数据的示例，结合了element-ui：

父组件中的代码：

<template>
  <div>
    <el-input v-model="message" placeholder="请输入消息"></el-input>
    <child-component :message="message"></child-component>
  </div>
</template>

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

export default {
  components: {
    ChildComponent,
  },
  data() {
    return {
      message: '',
    }
  },
}
</script>

在父组件中，我们通过v-model绑定了一个输入框，并将其值绑定到了data中的message属性。我们还通过子组件标签的方式引入了子组件ChildComponent，并使用了属性绑定的方式将message传递给了子组件。

子组件中的代码：

<template>
  <div>
    <p>父组件传递的消息：{{ message }}</p>
  </div>
</template>

<script>
export default {
  props: {
    message: String,
  },
}
</script>

在子组件中，我们通过props接收了从父组件传递过来的message属性，并在模板中展示了这个属性的值。

这样，我们就完成了从父组件向子组件传递数据的过程。