溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
在使用vue導出時會有一個default關鍵字，下面舉例說明下在導出時使用export和export default的對應的imort寫法的區別
部分導出和部分導入的優勢，當資源比較大時建使用部分導出，這樣一來使用者可以使用部分導入來減少資源體積，比如element-ui官方的就推薦使用部分導入來減少項目體積，因為element-ui是一個十分龐大的框架，如果我們只用到其中的一部分組件， 那么只將用到的組件導入就可以了。
1.1部分導出的寫法
export function helloWorld(){
conselo.log("Hello World");
}
export function test(){
conselo.log("this's test function");
}
另一種寫法，這種方法比較不推薦，因為看起來會比較亂。
var helloWorld=function(){
conselo.log("Hello World");
}
var test=function(){
conselo.log("this's test function");
}
export helloWorld
export test
1.2部分導入
只導入需要的資源
import {helloWorld} from "./utils.js" //只導入utils.js中的helloWorld方法
helloWorld(); //執行utils.js中的helloWorld方法
1.3部分導出——全部導入
如果我們需要utils.js中的全部資源則可以全部導入
import * as utils from "./utils.js" //導入全部的資源，utils為別名，在調用時使用 utils.helloWorld(); //執行utils.js中的helloWorld方法 utils.test(); //執行utils.js中的test方法
如果使用全部導出，那么使用者在導入時則必須全部導入，推薦在寫方法庫時使用部分導出，從而將全部導入或者部分導入的權力留給使用者。
2.1全部導出
需要注意的是:一個js文件中可以有多個export，但只能有一個export default
var helloWorld=function(){
conselo.log("Hello World");
}
var test=function(){
conselo.log("this's test function");
}
export default{
helloWorld,
test
}
2.2全部導入
import utils from "./utils.js" utils.helloWorld(); utils.test();
總結
以上所述是小編給大家介紹的Vue export import 導入導出的多種方式與區別介紹，希望對大家有所幫助！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
