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' //導入的時候沒有花括號