es6的模組匯出

2021-09-24 16:58:32 字數 698 閱讀 5073

在es5中,用module.exportsexports匯出模組,用require引入模組。

es6新增exportexport default匯出模組,import匯入模組。

1.export的使用

案例:檔案a.js的內容:

export var num1=10;

export var num2=100;

如果只需要num1的內容

import from './a.js'或者import from   './a.js'

如果需要a檔案的所有內容

import * as aall from './a.js';使用 aall.num1,aall.num2

函式同理:

a.js檔案

export function afun(引數) from ''./a.js";

afun(引數);

2.export default的使用

a.js檔案

exports default afun(引數){

函式體b.js使用

import afun from "./a.js"

afun(引數)

es6模組匯入匯出

如何在 webpack 構建的專案中,使用 vue 進行開發 複習 在普通網頁中如何使用vue 1.使用 script 標籤 引入 vue 的包 3.通過 new vue 得到乙個 vm 的例項 在webpack 中嘗試使用 vue 注意 在 webpack 中,使用 import vue from...

es6 匯入匯出

1.命名匯出 命名匯出就是明確匯出的變數名稱和值。在src目錄下建立math.js,index.js檔案。math.js內容 case 1 export後面跟變數輸出宣告語句 export var pi 3.14 case 2 export後面直接跟變數定義語句 export var add fun...

ES6中如何匯入與匯出模組

匯出 export 可以用export關鍵字將內容給其他模組,在最簡單的例子中,可以將export放在任何變數 函式或類宣告的前面,以將它們從模組中匯出。usemodule.js如下 兩種匯出形式的區別 1 預設形式 不用加任何修飾 2 自定義 匯出的內容需要加 匯出變數 export var st...