vue export default 标签

`export default` 是 ES6 中用于导出模块的语法，它可以用于导出一个对象、函数、类等。在 Vue.js 中，通常使用 `export default` 导出一个 Vue 组件，如下所示：

<template>
  <div>
    <!-- 组件的模板 -->
  </div>
</template>

<script>
export default {
  // 组件的配置选项
  name: 'MyComponent',
  props: {
    // 组件的属性
  },
  data() {
    // 组件的数据
    return {
      // ...
    }
  },
  methods: {
    // 组件的方法
  }
}
</script>

<style>
/* 组件的样式 */
</style>

在上面的代码中，`export default` 导出了一个 JavaScript 对象，它包含了 Vue 组件的配置选项，如 `name`、`props`、`data`、`methods` 等。在另一个文件中，可以使用 `import` 导入这个组件，然后在模板中使用它。

<template>
  <div>
    <my-component :prop-name="propValue"></my-component>
  </div>
</template>

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

export default {
  components: {
    MyComponent
  },
  data() {
    return {
      propValue: 'Hello, world!'
    }
  }
}
</script>

在上面的代码中，`import` 语句用于导入 `MyComponent.vue` 文件中导出的默认对象，即 Vue 组件。然后，`components` 选项用于注册这个组件，然后在模板中使用它。