vue中子组件获取prop动态数据

在Vue.js中，子组件可以通过props接收从父组件传递过来的数据。如果需要获取父组件传来的动态数据，通常的做法是在子组件内部通过`v-bind`或直接使用`{{}}`语法来绑定prop变量。例如：

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

<script>
export default {
  data() {
    return {
      dynamicData: '初始值', // 可以是字符串、数值或其他类型的值，也可以是一个函数
    };
  },
  // 更新动态数据时可以这样做
  methods: {
    updateData(newData) {
      this.dynamicData = newData;
    }
  }
};
</script>

<!-- 子组件 -->
<template>
  <div>{{ data }}</div> <!-- 或者 <div v-bind:data="data"></div> -->
</template>

<script>
export default {
  props: {
    data: String, // 根据实际需求指定prop的数据类型
  },
};
</script>

当父组件通过`this.updateData()`方法更新`dynamicData`时，子组件会立即接收到新的数据并显示出来。