export、export default的使用

127 阅读1分钟

常用ES6# export、export default的使用

export default ES6模块主要有两个功能:export和import

export:用于对外输出本模块(一个文件可以理解为一个模块)变量的接口

import:用于在一个模块中加载另一个含有export接口的模块。

export default 向外暴露的成员,可以使用任意的变量来接收 在一个模块中 export default 只允许向外暴露1次 在一个模块中,可以同时使用 export default 和 export 向外暴露成员 导出:

var info = {
  name: 'zs',
  age: 20
}
export default info

接收: aaa可以任意命名,可以在控制台输出info对象

import aaa, 
from './test.js' 
console.log(aaa)

image.png

image.png