Vue里的組件，有時會有許多需要被其他組件或文件或方法調用的變量，將這些變量都定義在一個文件里，可以提高代碼可維護性，Vue提供了一個export可以將這些變量導出，以供其他文件使用。

export const variable1 = 'xxx'
export function func1 () {
...
}
export default {
...
}

export可以導出多個變量，多個變量之間用逗號隔開，也可以通過大括號的方式導出一個對象，不需要通過export來導出的變量，則屬于該文件的私有變量，不能被其他文件獲取。

const privateVariable = 'yyy'
export const variable1 = 'xxx'
export const variable2 = 'zzz'
export function func1 () {
...
}
export default {
...
}

導入這些導出的變量時，可以使用import，也可以使用require，但是使用import可以讓代碼更加清晰，而且支持tree-shaking，可以更好地優化代碼。

import { variable1, variable2 } from './module'
import myFunc from './module'
console.log('variable1:', variable1)
console.log('variable2:', variable2)
myFunc()

在Vue中，通常使用export來導出支持tree-shaking的組件，在掛載組件時，import導入需要的組件即可，這樣可以大幅減少代碼體積。

// MyComponent.vue// App.vue