vue之间的传值问题---3.通过 Props 属性传值 父传子

// 子组件
<template>
  <div>
    <p>参数传递的值：{{ value }}</p>
  </div>
</template>

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

// 父组件
<template>
  <div>
    <child-component :value="data"></child-component>
  </div>
</template>

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

export default {
  components: {
    ChildComponent,
  },
  data() {
    return {
      data: '传递的值',
    };
  },
};
</script>