vue中import xxx from 和 import xxx from的区别

Posted 2023-03-18

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

对应js中的引用：

对应js中的引用：

学习借鉴网址：
https://www.itdaan.com/blog/2019/03/20/84ddc905ee15531850de2ff40b4fadc2.html

VUE引入模块之import xxx from 'xxx' 和 import {xxx} from 'xxx'的区别

import FunName from ‘../xxx’

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

import {xxx} from ‘../xxx’

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不行。