vue怎么把值从父组件传到子组件

在 Vue 中，可以通过 props 把值从父组件传递到子组件。具体步骤如下：

1. 在子组件中定义 props，指定需要从父组件中接收的属性名和类型。

2. 在父组件中使用子组件的时候，通过 v-bind 给子组件的 props 赋值。

举个例子：

父组件代码：

<template>
  <div>
    <child-component :name="myName"></child-component>
  </div>
</template>

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

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

子组件代码：

<template>
  <div>
    <p>我的名字是 {{ name }}</p>
  </div>
</template>

<script>
export default {
  props: {
    name: {
      type: String,
      required: true
    }
  }
}
</script>

在这个例子中，父组件通过 v-bind 给子组件的 name props 赋值为 myName 变量，子组件就可以在模板中显示这个值了。

需要注意的是，props 是单向数据流，子组件不能直接修改父组件传递过来的 props。如果需要修改，可以通过 $emit 方法触发父组件的事件，让父组件来修改。