export用法介绍

在vue项目开发中必不可少的export用法

---

按名称导出，使用时，导入的变量名必须和导出的名称一致

定义：

export function nameExport (x, y) {
  return x * y
}

引用：

import { nameExport } from './fetch/learnExport'

使用

nameExport()

---

列表导出，使用时，需要特殊处理

定义：

const use = ['张三', '李四', '王二麻子']
function add (x, y) {
return x + y
}

export { use, add }

引用：

import * as learnExport from './fetch/learnExport'

使用：

learnExport.add(x, y)

---

默认导出,一个模块只能有一个默认导出，导入的名称可以和导出的名称不一致

定义：

export default function () {
    add (x, y) {
        return x + y
    }
}

引用：

import bts from './fetch/learnExport'

使用：

bts.add(x, y)

重命名 为了解决导出命名冲突的问题，ES6为你提供了重命名的方法解决这个问题

引用：

import {nameUse as nameList} from "nameList.js"
import {nameUse as pubilcList} from "pubilcList.js"

这两个模块都会导出以nameUse命名的东西。 要同时导入两者，我们至少要将其中一个的名称改掉。