vue如何动态的把prop中定义的属性的值赋予给data里的属性

在 Vue 组件中，你可以在组件的 props 选项中声明 prop。你可以通过在组件的 data 选项中声明一个同名的属性来动态地将 prop 的值赋予给组件的 data 属性。

例如，如果你有一个 prop 名为 message，你可以在组件的 data 选项中声明一个同名的属性：

<template>
  <div>{{ message }}</div>
</template>

<script>
export default {
  name: 'MyComponent',
  props: ['message'],
  data() {
    return {
      message: this.message,
    };
  },
};
</script>