vue 中import和export如何一起使用

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’。