1、import xxx from，在Element-UI中被称为整体引入，一般是对一个整体对象进行引入的，如：

    import FunName from ‘../xxx’

在JS中的引用时：

export defualt function FunName() {

    return fetch({

    url: '...',

    method: 'get',

});

}

2、import {xxx} from，在Element-UI中被称为按需引入 ，一般是对一个对整体对象进行解构，引入整体对象内的单个对象，如：

1import {xxx} from ‘../xxx’

在JS中的引用：

export function FunName() {

  return fetch({

    url: '/article/list',

    method: 'get'

  });

}

export 和 export default

两个导出，下面我们讲讲它们的区别

        1、export与export default均可用于导出常量、函数、文件、模块等

        2、在一个文件或模块中，export、import可以有多个，export default仅有一个

        3、通过export方式导出，在导入时要加{ }，export default则不需要

         4、 注意： export能直接导出变量表达式，export default不行。（根本区别-个人理解）

文章主要内容转载于：https://www.cnblogs.com/zhangqigao/p/10565116.html（可供参考）

分类：vue.js；