模块在浏览器是不支持的,但是在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();




标签: vue, vue-cli, es6

添加新评论