vue中如何将import和export一起使用?

前段时间碰到一个问题，vue js中要使用import来加载第三方的js，但是后面使用exports.XXX的话会报exports is not defined。那要怎么解决呢?

首先，我们要了解ES6中是import和exports之间有什么区别?

import： 是引用第三方文件。import+(常量 | 函数 | 文件 | 模块)名

exports： 暴露某个常量、函数、文件、模块函数。

那这个问题我们就可以很容易解决了：

1. 用import来引入所需要的第三方的js。

2. 函数用function XXX() 来实现。

3. 用export来暴露function 方法，例如export {XXX}。

4. 那我们有多个function 方法要进行暴露怎么办?我们可以使用指定一个export default {XXX}来进行默认，其他的均使用export {XXX} 。

5. 在其他文件中我们怎么使用这些方法?export default {XXX} 我们可以直接 import XXX from ‘XXX’

其他使用 import {XXX} from ‘XXX’。