es6学习-模块

模块在浏览器是不支持的，但是在vue-cli中是支持的。

export导出，不能直接导出值

console.log("我是mo.js");
var firstName = "唐"
var lastName = "菜叶"
var sex = "男"
export {
  firstName,
  lastName,
  sex
}
export var name="鬼知道";
export var fun=()=>{alert(firstName)};
export {sex as uSex};

import导入

  import {firstName,name,fun,uSex} from './mo'
  console.log(firstName);
  console.log(name);
  console.log(uSex);
  fun();

注意：这里导入和导入的名字必须一致，除非导出时使用as重命名了。

export default 默认输出

export default function () {
  console.log('11111111');
}

导出的时候没有名字，在import的时候指定名字

  import fun from './mo'
  fun();