export, import 和 export default的區別

ES6的兩個功能： export 和 import

export 對外輸出模塊

import 引入（加載）進來一個模塊

1、export => import

單個變量

export var name = "lishi"

在其餘文件裏引用

import {name} from '/.a.js'

多個變量

var name = '111'
var name2 = '222'
export {name, name2}

引入

import {name, name2} from '....'

2、export default => import

export default name

其餘模塊引入

import name from '....'

一、export與export default都可用於導出常量、函數、文件、模塊等

二、你能夠在其它文件或模塊中經過import+(常量 | 函數 | 文件 | 模塊)名的方式，將其導入，以便可以對其進行使用

三、在一個文件或模塊中，export、import能夠有多個，export default僅有一個

四、經過export方式導出，在導入時要加{ }，export default則不須要