在ES6推出模块加载方案import，export之前，js模块主要采用CommonJS和AMD规范，其中sea.js和require.js比较出名。

在vue中，我们经常要用到import和export，有必要了解起用法，特整理如下

通过export导出变量或者函数，通过import引入

export实例，如a.js

export const a=123
export function hello() {
  console.log("hello")
}

需要引入的地方写法如下，必须要指明引入的变量或函数名，要与导出的一致

import {a,hello} from "../utils/test/a"   //引入的变量或函数名，要与导出的一致
或
import {hello} from "../utils/test/a"   //只引入其中一个

console.log(a)
hello()

如果我们引入时写的名称，不想与导出一致，可以通过export default导出，每个js最多一个js

通过export default导出

export实例，如a.js

const a='abc'
function hello() {
  console.log("hello")
}

export default {a,hello}

引用，相当于把所有导出当成一个对象使用

import test from "../utils/test/a"


console.log(test.a)
test.hello()