相信很多人都在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' //導入的時候沒有花括号