vue3中使用vue2语法data中声明的同名属性报错

在 Vue 3 中，`data` 选项不再支持对象的方式声明数据，需要使用 `setup` 函数来声明数据。因此如果你在 `setup` 函数中声明了一个同名的数据属性，会出现冲突并导致错误。

如果你需要在 `setup` 函数中声明一个同名的数据属性，可以使用 `ref` 或 `reactive` 等响应式 API 来声明。例如：

<template>
  <div>{{ myData }}</div>
</template>

<script>
import { reactive } from 'vue';

export default {
  setup() {
    const myData = reactive({ name: 'John' });
    return {
      myData
    };
  }
};
</script>

这样，即使在 `data` 中有同名的属性，也可以避免冲突和报错。