export default用于导出Vue组件，让其他模块访问。import用于从其他模块导入组件，可导入单个或多个组件。

Vue中的export default和import：精妙的组件组合

很多初学者对Vue组件中的export default和import感到困惑，觉得它们就像一对难解难分的双胞胎，总搞不清楚谁是谁。其实，理解它们的关键在于明白Vue组件模块化的思想。这篇文章，咱们就深入探讨一下，让你彻底掌握它们。

先说结论：export default是用来导出一个Vue组件的，而import则是用来导入这个组件到其他地方使用。简单吧？但这里面的门道可不少。

基础知识：模块化与组件

在Vue中，我们提倡组件化开发，将复杂的页面拆分成一个个小的、可复用的组件。而export default和import就是实现组件模块化的关键。 想象一下，如果没有它们，所有代码都堆在一个文件里，那维护起来，简直是灾难！

export default：组件的出口

export default语句的作用是将一个Vue组件导出，让其他模块可以访问它。 它只允许导出一个默认的组件。 看个例子：

// MyComponent.vue
export default {
  name: 'MyComponent',
  data() {
    return {
      message: 'Hello from MyComponent!'
    };
  },
  template: `
    <div>
      <p>{{ message }}</p>
    </div>
  `
};