vue export default语法

Vue中的`export default`语法用于导出一个默认的模块。

在Vue组件中，我们可以使用`export default`来导出一个Vue实例，使其可以在其他文件中使用。例如：

// MyComponent.vue

<template>
  <div>
    <!-- Vue组件的内容 -->
  </div>
</template>

<script>
export default {
  // Vue组件的选项
}
</script>

<style>
/* 样式规则 */
</style>

在上面的示例中，`export default`将Vue组件导出为一个默认模块。这意味着其他文件可以通过引入该组件来使用它。

// App.vue

<template>
  <div>
    <my-component></my-component>
  </div>
</template>

<script>
import MyComponent from './MyComponent.vue'

export default {
  components: {
    MyComponent
  }
}
</script>

<style>
/* 样式规则 */
</style>

在上面的示例中，我们通过`import`语句将`MyComponent.vue`导入到`App.vue`中，并将其注册为`components`选项的一部分。这样，我们就可以在`App.vue`中使用`<my-component></my-component>`这个自定义组件了。

总结一下，Vue中的`export default`语法用于导出一个默认模块，可以是Vue组件或其他对象。其他文件可以通过`import`语句引入该模块，并使用它。