Vue的export和export default區別

export簡單介紹
  • export 語句用於從模塊中導出函數、對象或原始值,以便其他程序可以通過 import 語句使用它們。
  • 無論您是否聲明,導出的模塊都處於嚴格模式。 export語句不能用在嵌入式腳本中。
export 可以導出多個命名模塊,例如:
//demo1.js
export const str = 'hello world'
export function f(a){
	 return a+1
}

對應的引入方式:

  //demo2.js
  import { str, f } from 'demo1'
export default 只能導出一個默認模塊,這個模塊可以匿名,例如:
//demo1.js
export default {
    a: 'hello',
    b: 'world'      
}

對應的引入方式:

//demo2.js
import obj from 'demo1'

引入的時候可以給這個模塊取任意名字,例如 “obj”,且不需要用大括號括起來。

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