如何在Vue中正确使用export default语句？

在Vue.js中，`export default`语句用于导出一个组件、插件或者整个模块供其他地方引用。以下是使用`export default`的基本步骤：

1. **创建组件**: 首先，在Vue项目的`components`文件夹下创建一个新的JavaScript文件，例如`MyComponent.vue`。

// MyComponent.vue
<template>
  <div>这是我的组件</div>
</template>

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

export default {
  name: 'MyComponent',
  setup() {
    const message = ref('Hello from Vue!');
    return { message };
  }
}
</script>

2. **导出默认组件**: 在`MyComponent.vue`的顶部，使用`export default`声明组件。

3. **导入并使用**: 在需要使用的文件中，你可以直接导入这个组件，并通过`name`属性在模板中使用它，如`App.vue`。

// App.vue
<template>
  <my-component></my-component>
</template>

<script>
import MyComponent from '@/components/MyComponent.vue';
export default {
  components: {
    MyComponent
  }
};
</script>