[转]import xxx from 和 import {xxx} from的区别

原文地址:https://www.cnblogs.com/Abner5/p/7256043.html

1.vue

import FunName from ‘../xxx’

1.js

export defualt function FunName() {
  return fetch({
    url: '/article/list',
    method: 'get'
  });
}

2.vue

import {xxx} from ‘../xxx’

2.js

export function FunName() {
  return fetch({
    url: '/article/list',
    method: 'get'
  });
}

 

 

ES中的模块导出导入

export 和 export default

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

1. export与export default均可用于导出常量、函数、文件、模块等
2. 在一个文件或模块中，export、import可以有多个，export default仅有一个
3. 通过export方式导出，在导入时要加{ }，export default则不需要
4. export能直接导出变量表达式，export default不行。