export 和 export default 的区别

一、铺垫

ES6模块化主要包含以下3种用法：

① 默认导出和默认导入---export default 

② 按需导出和按需导入---export 

③ 直接导入并执行模块中的代码

二、默认导出

语法：export default  需要共享的成员

创建一个共享的数据 order.js

let name = '小黑'
let age = 18
function person() {}

export default {
    name,
    person
}

三、默认导入

语法： import 接收名称 from  '模块标识符'

使用：在order.vue页面中引入   import orderData from '../common/order.js'

打印：

 四、按需导出

语法： export 按需导出的成员

同样在共享的js文件中按需导出

export let name = '小黑'
export let age = 18

export function person() {}

五、按需导入

语法：import { name,age,person } from '模块标识符'

使用：同样先引入 import { name,age,person } from '../common/order.js'

使用：