博客

一、铺垫

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’

使用：