案例一:基础使用
/*-----------------------m1.js文件----------------*/
export let mvar1=100
export function mfn() {}
export class MClass {}
/*------------------------------------------------*/
/*----------------------index.js文件---------------*/
import {mvar1,mfn,MClass} from './m1.js' //全部引出
import {mvar1,MClass} from './m1.js' //局部引出
/*------------------------------------------------*/
案例二:集中式导出
/*-----------------------m1.js文件----------------*/
let mvar1=100
function mfn() {}
class MClass {}
export {mvar1,mfn,MClass}
/*------------------------------------------------*/
/*----------------------index.js文件---------------*/
import {mvar1,mfn,MClass} from './m1.js' //全部引出
import {mvar1,MClass} from './m1.js' //局部引出
/*------------------------------------------------*/
案例三:换名导出,换名导入
/*-----------------------m1.js文件----------------*/
let mvar1=100
function mfn() {}
class MClass {}
export {mvar1 as mv1,mfn,MClass}
/*------------------------------------------------*/
/*----------------------index.js文件---------------*/
import {mv1,mfn as fn,MClass} from './m1.js' //换名
import {mv1 as mv,MClass} from './m1.js' //换名
/*------------------------------------------------*/
案例五:默认导出导入
/*-----------------------m1.js文件----------------*/
let mvar1=100
function mfn() {}
class MClass {}
let moudle={mvar1,mfn,MClass}
export default moudle
/*------------------------------------------------*/
/*----------------------index.js文件---------------*/
import anyObj from './m1.js' //换名
/*------------------------------------------------*/
网友评论