Vue 中 export及export default的區別

 　　相信不少人都在vue使用過export、export default、import，然而它們到底有什麼區別呢？ 

　　在ES6中，export與export default都可用於導出常量、函數、文件、模塊等，你能夠在其它文件或模塊中經過import+(常量 | 函數 | 文件 | 模塊)名的方式，將其導入，以便可以對其進行使用，但在一個文件或模塊中，export、import能夠有多個，export default僅有一個。

　　具體使用： 

//demo1.js
export const str = 'hello world'

export function f(a){
    return a+1
}

　對應的導入方式：

//demo2.js
import { str, f } from 'demo1' //也能夠分開寫兩次，導入的時候帶花括號

　export default的使用

//demo3.js
export default const str = 'hello world'

　

 對應的導入方式：

//demo4.js
import str from 'demo1' //導入的時候沒有花括號