expor,export default和module.exports,exports比较

前两个是es6用法，编译时执行，代码在编译时就确定各自引用关系
后两个是commonjs用法，运行时执行；
在vue中直接引入文件夹相当于直接引入文件夹下的index.js文件
1.
export直接单个单个抛出变量
export {变量1，变量2}集中抛出
以上两种都是用import {变量名} from 文件路径接受；
注：当我们在一个vue文件同时用到两个js文件里面若干个方法时，避免连续引入两个js文件，可以用在b文件夹export {变量名1，变量名2} from a文件夹，这样在vue文件可以只引入b js文件，可以同时用b文件方法和a文件的变量名1，变量名2两个方法
2.
export default 变量名，用import 变量名 from  文件路径  接受
注：在每个js文件中export default  只能用一次；export可以一直用；结合使用也不影响；结合使用时引入用import {变量名},变量名  from 文件路径，以，隔开；也可以在b文件抛出a文件方法直接在vue文件中引用
3.
module.exports通常在最外部js文件引用，比如一些全局样式配置，标题栏图标等
module.exports={}    直接定义的是一个对象
import 变量名 from 文件路径；这里的变量名随便定义相当于引入的是module.exports这个变量
或者import  变量 from '文件夹名'    直接引入文件夹名，里面各个js文件抛出的数据都可以使用