vue 中 export 及 export default 的区别
转载声明:
本文为摘录自“博客园”,版权归原作者所有。
温馨提示:
为了更好的体验,请点击原文链接进行浏览
摘录时间:
2020-09-05 19:04:02
参考:https://www.cnblogs.com/fangshidaima/p/7206137.html
vue 中 export、export default、import的具体区别
在ES6中,export与export default均可用于导出常量、函数、文件、模块等,你可以在其它文件或模块中通过 import(常量 | 函数 | 文件 | 模块)名
的方式,将其导入,以便能够对其进行使用,但在一个文件或模块中,export、import可以有多个,export default仅有一个
export 使用:
//demo1.js export const str = 'hello world' // 常量 export function fun(a){ // 函数 return a+1 }
导入:
//demo2.js import { str , fun } from 'demo1' // 使用export的时候使用{}包起来
export default 使用:
//demo3.js export default const str = 'hello world'
导入:
//demo4.js import str from 'demo3' //导入的时候没有花括号