相信很多人都在vue使用过export、export default、import,然而它们到底有什么区别呢? 在ES6中,export与export default均可用于导出常量、函数、文件、模块等,你可以在其它文件或模块中通过import+(常量 | 函数 | 文件 | 模块)名的方式,将其导入,以便能够对其进行使用,但在一个文件或模块中,export、import可以有多个,export default仅有一个。 具体使用: //demo1.js
export const str = 'hello world' export function f(a){
return a+1
} 对应的导入方式: //demo2.js
import { str, f } from 'demo1' //也可以分开写两次,导入的时候带花括号 export default的使用 //demo3.js
export default const str = 'hello world' 对应的导入方式: //demo4.js
import str from 'demo1' //导入的时候没有花括号
相关文章
- 11-03export ‘default‘ (imported as ‘Vue‘) was not found in ‘vue的解决
- 11-03module.exports与exports,export与export default的区别
- 11-03exports、module.exports以及export和export default的区别
- 11-03module.exports与exports,export与export default之间的关系和区别
- 11-03vue中v-slot指令如何应用Vue插槽及与slot、slot-scope的用法区别
- 11-03Vue学习-js中函数的export和import
- 11-03export default function 和 export function 的区别
- 11-03Vue的export、export default、import
- 11-03【转】CV_EXPORT定义的作用,lib及dll的区别
- 11-03vue系列---理解Vue中的computed,watch,methods的区别及源码实现(六)