vue2 父子组件传值 举个例子

好的，假设有一个父组件 Parent 和一个子组件 Child，现在需要在 Parent 中传递一个值给 Child，具体步骤如下：

1. 在 Parent 中定义要传递的值，比如：

<template>
  <div>
    <child :msg="message"></child>
  </div>
</template>

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

export default {
  components: {
    Child
  },
  data() {
    return {
      message: 'Hello World!'
    }
  }
}
</script>

2. 在 Child 中通过 props 接收传递过来的值，比如：

<template>
  <div>{{ msg }}</div>
</template>

<script>
export default {
  props: {
    msg: String
  }
}
</script>

这样就完成了父子组件之间的传值，父组件通过在子组件中定义 props，然后把要传递的值绑定到子组件的 props 上实现传值。