vue 中 export 及 export default 的區別

參考：http://www.javashuo.com/article/p-tevwzmjw-ek.html

 

vue 中 export、export default、import的具體區別

 

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

 

export 使用：

//demo1.js
export const str = 'hello world'  // 常量
 
export function fun(a){  // 函數
    return a+1
}

 

導入：

//demo2.js
import { str , fun } from 'demo1' // 使用export的時候使用{}包起來

 

export default 使用：

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

 

導入：

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