美文网首页前端Vue专辑前端vue总结
Vue的export和export default区别

Vue的export和export default区别

作者: 你好赵大宝 | 来源:发表于2019-12-31 14:42 被阅读0次
export简单介绍
  • export 语句用于从模块中导出函数、对象或原始值,以便其他程序可以通过 import 语句使用它们。
  • 无论您是否声明,导出的模块都处于严格模式。 export语句不能用在嵌入式脚本中。
export 可以导出多个命名模块,例如:
//demo1.js
export const str = 'hello world'
export function f(a){
     return a+1
}

对应的引入方式:

  //demo2.js
  import { str, f } from 'demo1'
export default 只能导出一个默认模块,这个模块可以匿名,例如:
//demo1.js
export default {
    a: 'hello',
    b: 'world'      
}

对应的引入方式:

//demo2.js
import obj from 'demo1'

引入的时候可以给这个模块取任意名字,例如 "obj",且不需要用大括号括起来。

相关文章

网友评论

    本文标题:Vue的export和export default区别

    本文链接:https://www.haomeiwen.com/subject/nuiboctx.html