export 和 export default的区别

1. export

        export暴露的是一个接口，可以在变量前使用。

        export var m = 1；或者 var m =1; export {m}

        推荐使用后面一种。使用import时，变量名称是什么那么导入就是什么，记得加{}。例如import {m}。但是可以使用as关键字来重命名变量。
        export {m as bl} ，import {bl} 或者 export {m}，import {m as bl}

        因为export暴露的是接口所以不能暴露出值。 export 1；var m = 1,export m;这两种写法都会报错。

2. export default

        export default暴露的是变量，指定了默认输出，因此一个模块只能存在一个，导入时可以不用加{}。而export可以存在多个，这是这俩的区别之一。

         export default 1；var m = 1,export default m; 这两种写法在export default这里不会报错。可以理解为是把后面的变量赋值给default。
        引入时可以使用。
        import ｛default as other｝from ‘xxx.js’ 或者 import other from 'xxxx.js'这两种写法等价，因为系统允许在导入时给default变量取任意名。

        例如当在vue项目中，使用js文件和html文件分离的写法时，在js文件中可以使用
        

export default {
    data() {
        return {}
    },
    methods: {}
}

      在html文件中引入可以使用

<template>
    ......
</template>
<script>
    import data from 'xxx.js';
    export default data;
</script>
<style lang="less" scoped>
	@import '~@/common/common.less';
	@import './xxx.less';
</style>

温馨提示：这俩不能同时使用

参考链接：苏恩博客