27vue學習 ES模組化的匯入和匯出

2021-10-25 15:30:46 字數 651 閱讀 9024

es模組化的匯入和匯出

//注意type='modle'

//注意type='modle'
export指令用於匯出變數

//方式1,命名時直接匯出

export let name ='chen';

export let age = 22;

export let height =1.82;

//方式2,最後匯出

let name ='chen';

let age = 22;

let height =1.82;

export(name,age,height)

函式和類也一樣可以匯出 

(1)

import  from "./aaa.js"

import from "./aaa.js"

(2)如果要全部匯入,和python差不多,可以自己取個別名,如:chenaaa

import * as chenaaa from "./aaa.js"

console.log(chenaaa.name)

es模組化匯入匯出

在es6中每乙個模組即是乙個檔案,在檔案中定義的變數,函式,物件在外部是無法獲取的。如果你希望外部可以讀取模組當中的內容,就必須使用export來對其進行暴露 輸出 先來看個例子,來對乙個變數進行模組化。我們先來建立乙個test.js檔案,來對這乙個變數進行輸出 export let myname ...

Vue模組化開發 ES6模組化的匯入與匯出

常用的模組化規範 commonjs amd cmd 也有es6的modules 模組化的核心 匯出和匯入 採用匿名函式的形式,在每乙個js檔案中,都封裝乙個匿名函式,並在其內部定義乙個物件,將裡面的內容匯出,方便其他檔案復用 匯出 var modulea function var name 小明 v...

ES5和ES6的模組化匯入匯出

不接收物件 require require s.css es5 improt s.css es6 接收物件 var o require s.js es 5 import o form s.js es6 匯出乙個模組物件 es5 module.exports 匯出乙個模組物件 es6 module.e...