定义组件后为了供其他页面使用,我们需要将组件导出。
组件导出的关键字是
exprot default
没有加default时，例如：
export class TestComponent{}
我们可以在单个js文件里声明多个组件，例如TestComponents.js
export class TestComponent{}
export class AnotherTestComponent{}
这样在其他文件引用时，需要使用{}符号且组件名称必修和class名称一样，像这样子：
import {TestComponent,AnotherTestComponent} from './components/TestComponents';
而加default时，例如：
export default class TestComponent{}
然后在其他文件引用，像这样子：
import TestComponent from './components/TestComponents';
你也可以为这个组件另起一个别名，像这样子：
import MyTestComponent from './components/TestComponents';
但是每个文件里只能有一个default组件，可以包含其他非default组件：
export default class TestComponent{}
export class AnotherTestComponent{}
然后引用的时候，如下：
import TestComponent,{AnotherTestComponent} from './components/TestComponents';
总结
有default和没有default的区别在于：有default在引用时可以自定义名称，而没有default时需要使用{}括起来且名称必修和class名称一致
每个文件里只能有一个default组件，但可以有多个非default组件
