淺析export * from 與 export {default} from用法


統一導入導出:可以將統一目錄下的多個可導出文件統一導出

在需要導入的地方可通過解構導入即可

常見導出結構
// xxx.js
export const Aa = "a"
export const Bb = 111
export default = [1,2,3]
相當於
// import {} from "xxx"  解構導入
xxxModele.Aa = "a"
xxxModele.Bb = 111
// import anyName from 'xxx'  默認導入
xxxModele.default = [1,2,3]
會把 xxx 中所有的非default導出
export * from './xxx'
// 無法在外部 import {default} from "xxx"
需要 xxx 中導出 default
export { default } from './xxx'
// 或
export { default as alias } from './xxx'
需要 xxx 中導出 Aa、Bb
export { Aa , Bb  } from './xxx'


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM