vue中模块化导入导出规则

export default 和 export

座右铭：越努力越幸运，越运动越健康。热爱计算机技术，热爱运动的这样一个人

---

---

export default 和 export 用法

// 1.export与export default均可用于导出常量、函数、文件、模块等
// 3.在一个文件或模块中，export、import可以有多个，export default仅有一个
// 4.通过export方式导出，在导入时要加{}，export default则不需要

export const x = 100;   //导出一个变量

const name = 'abc';
let age = 18;
var msg = 'hello';

export {name,age,msg}  //导出多个

function action(a,b){
    console.log(a+b)
    return a+b
};

export {name as n,age,action}  //导出函数   as n 别名

// export的导入
// import {x} from './views/moduleA'     //导入一个变量
// import {name,age,msg} from './views/moduleA'     //导入多个
// 导出函数   as n 别名
// import {n,age,action} from './views/moduleA'  



export default {name:'iygxv',id:10}
// export default的导入
// 一个文件内不能有多个export default。
// import obj from './views/moduleA'