export和export default

在项目中遇到一个问题，使用如下方法导出变量会报错

export default routers = [
    {
      path: '/',
      name: 'reportDetail',
      component: reportDetail
    }
];

 需要改成

const routers = [
    {
      path: '/',
      name: 'reportDetail',
      component: reportDetail
    }
];
export default routers;

原因应该是es6设计思想是静态化，export直接导出后边的变量值（并不会对这个变量进行赋值），并不会对他赋值。也可以直接像下边这样写：

export default [
    {
      path: '/',
      name: 'reportDetail',
      component: reportDetail
    }
];

export与export default均可用于导出常量、函数、文件、模块等；
在一个文件或模块中，export、import可以有多个，export default仅有一个；

输出单个值，使用export default；
输出多个值，使用export 【注意：引入时要加花括号 import { A } from " B" 】解构引入；

引用：https://blog.csdn.net/weixin_43101443/article/details/88357136