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();