导出VueJS组件的工作方式是否与普通javascript不同?

在VueJS中导出和导入组件的工作方式似乎与在普通es10javascript中不同。当谈到Javascript时,我习惯于将导出看作只处理被导出的对象。例如,如果文件中包含以下内容:

export class Foo {
...
}

export class Bar {
...
}

您可以像这样单独导入它们:

import { Foo, Bar } from './FooBar.js';

导出/导入的只是正在导出/导入的任何类。但是在VueJS中,我们导出控制组件的主对象,我们似乎还导出模板和样式。瞧,文件里的东西好像都被导出了。

我猜这都是VueJS编译器如何编译代码的问题,但我很好奇编译器到底做了什么,即VueJS中的“导出”不仅意味着导出脚本对象,还意味着导出模板和样式。