模块化

有很多种写法，推荐使用写法2

不能先var 一个变量 再export这个变量 这样会报错
例如：

  var name = "maiko"
  export name

写法5
export.default xxx from 'xxxx'
就是在不知道模块里面的方法和变量是什么的情况下，我们自己给他取名
例如：
export.default axios from "xxxx"//文件里导出
import axios from "axios" //导入

写法1

// profile.js
export var firstName = 'Michael';
export var lastName = 'Jackson';
export var year = 1958;
//useage.js
import {firstName, lastName, year} from './profile';
console.log(firstName)

写法2

var firstName = 'Michael';
var lastName = 'Jackson';
var year = 1958;

export {firstName, lastName, year};
//useage.js
import {firstName, lastName, year} from './profile';
console.log(firstName)

写法3

//helper.js
export function getName(){}
export function getYear(){}
//main.js
import {getName, getYear} from './helper';
getName()

写法4

//helper.js
function getName(){}
function getYear(){}
export {getName, getYear}
//main.js
import {getName, getYear} from './helper';
getName()

写法5

// export-default.js
export default function () {
  console.log('foo');
}
// import-default.js
import getName from './export-default'
getName()