Vue之模組化規範 ES6語法

2021-10-01 15:02:20 字數 1095 閱讀 4116

按需匯出語法：exports 型別 變數名=賦值

例如：cc.js

//向外暴露a


export let  a=10;


//向外暴露b


export let b=20;


//向外暴露方法show


exprot function show =function()

按需引入語法：export from "模組路徑"

例如：

export    from  "cc.js"


console.log(a);


//輸出


10

匯出

m1.js

//此時外部訪問不到a和b。


let   a=10;


let  b=20;


function show(){}


//將內部成員暴露出去，外部就可以訪問了。


export  default
注意：每乙個模組中只能呼叫一遍export de****t

匯入

預設匯入語法：import 接收名稱 from "模組名稱"

接收名稱包含了模組中預設匯出的所有元素。

例如：

import  m  from './m1.js'


console.log(m.a);


//輸出


10
此時就可以通過m來訪問export出來的元素了。

只想直接匯入並且執行模組中的**，而不獲取模組中暴露出來的元素。

直接匯入語法：import '模組路徑』

例如：定義aa.js

for(let a=0;a<10;a++)

匯入模組使用。

//匯入


import  'aa.js'


在控制台就會列印0到10了。

es6模組化規範

例子 export let myname laowang import from test.js console.log myname laowang 如果要輸出多個變數可以將這些變數包裝成物件進行模組化輸出 let myname laowang let myage 90 let myfn func...

ES6之模組化

本文介紹es6實現模組化的方法 使用import和export。匯入的時候需不需要加大括號的判斷 1.當用export default people匯出時，就用 import people 匯入 不帶大括號 2.乙個檔案裡，有且只能有乙個export default。但可以有多個export。3.當...

ES6模組化的基本語法

m1.js let a 10 let c 20 let d 30 function show export default index.js import m1 from m1.js console.log m1 在每個模組中，只允許使用唯一的一次export default，否則會報錯 若不使用e...