export和export default

时间：2020-06-19 14:34:43 阅读：47 评论：0 收藏：0 [点我收藏+]

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

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://www.cnblogs.com/xjy20170907/p/13162766.html

踩

(0)

评论一句话评论（0）

分享档案

更多>