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

 參考:https://www.cnblogs.com/fangshidaima/p/7206137.html

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章