js import的幾種用法


最近昨天公司小朋友離職,臨時接收其負責的vue前端項目。vue好久沒做了,很多東西都忘記或以前也沒接觸,幾天開始慢慢寫點vue的小知識,算是歷程或備忘吧。

import在js、ts中用了不知多少次,但沒總結過,現在總結一下:

import x from 'abc..js'

這種導入要求 abc.js模塊中有 export default 默認導出,x作為消費者導入abc.js模塊默認導出的名稱,x可以隨意更換為你喜歡的名字

import { y } from 'abc..js'

這種導入要求 abc.js模塊中必需有 export y 命名導出,y是消費者要從abc.js模塊導入的命名元素,y不可更換為其他名稱。如果你實在是感覺x不順眼,那可以采用下面的方式對y重命名

import { y as xxx } from 'abc..js',此處xxx就是重命名的新名稱

import x,{ y } from 'abc..js'

這種導入要求 abc.js模塊中有 export default 默認導出並且有y的命名導出

 


免責聲明!

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



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