Vue 中 export及export default的区别
2017-07-19 15:44
375 查看
相信很多人都在vue使用过export、export default、import,然而它们到底有什么区别呢?
在ES6中,export与export default均可用于导出常量、函数、文件、模块等,你可以在其它文件或模块中通过
具体使用:
对应的导入方式:
export default的使用
对应的导入方式:
在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' //导入的时候没有花括号
相关文章推荐
- ES6中export及export default的区别
- module.exports与exports,export与export default之间的关系和区别
- ES6中export及export default、import的区别
- JavaScript ES6中export及export default的区别
- es6的export default,export,import的区别
- JavaScript ES6中export及export default的区别
- Vue 中 export default 和 module.exports
- JavaScript ES6中export及export default的区别
- export和export default的区别
- ES6中export及export default的区别
- 解决vue中修改export default中脚本报一大堆错的问题
- ES6:export default 和 export 区别
- JavaScript ES6中export及export default的区别
- 关于vue中修改export default中脚本报一大堆错的问题
- module.exports与exports,export与export default之间的关系和区别
- module.exports与exports,export与export default之间的关系和区别
- 【NodeJS】浅析 exports 与 module.exports 的区别 及 export default 与 export 的区别
- JavaScript ES6中export及export default的区别
- module.exports与exports,export与export default之间的关系和区别
- export default 和 export 区别