为什么.vue文件里只能使用export default 而使用export会报错

.vue文件里只能使用export default是因为.vue文件本质上是一个组件，而组件只能有一个默认导出。export default可以导出一个组件对象，而export只能导出单个变量或函数。如果使用export导出多个变量或函数，会导致组件的导入和使用不方便，也容易出现命名冲突的问题。因此，为了方便组件的导入和使用，vue规定了.vue文件只能使用export default。

相关问题

.vue文件里面<script> export default { name: "InfoAPP" } </script>里的script和export是什么意思

在Vue的单文件组件中，`.vue`文件可以分为三个部分：`<template>`、`<script>`和`<style>`。其中，`<script>`标签中定义了当前组件的JavaScript代码，通常包括组件的属性、方法等。

`export default` 表示导出当前组件对象，这个对象包含了组件的各种属性和方法。在其他组件中可以通过 `import` 语句引入该组件，例如 `import InfoAPP from './InfoAPP.vue'`。

`name` 属性是用于给组件命名，方便在 Vue Devtools 中查看组件树时进行识别。

export default用于导出 .vue文件

在Vue中，export default也可以用于导出单文件组件（.vue文件）。在单文件组件中，可以使用export default来导出组件的定义。例如：

<template>
  <div>
    <h1>{{ message }}</h1>
  </div>
</template>

<script>
export default {
  data() {
    return {
      message: 'Hello World!'
    }
  }
}
</script>

<style scoped>
h1 {
  color: blue;
}
</style>

在上面的例子中，我们定义了一个简单的单文件组件。在script标签中，使用export default来导出组件的定义。这样，在其他文件中可以使用import语句来引入这个组件，并在Vue应用中使用它。

import MyComponent from './MyComponent.vue'

Vue.component('my-component', MyComponent)

在以上代码中，我们使用import语句引入了MyComponent.vue文件，并使用Vue.component方法注册了这个组件。这样在Vue应用中就可以使用`<my-component>`标签来使用这个组件了。