webpack vue中export default和export

这篇博客探讨了在Webpack和Vue项目中,export与export default的不同用法。主要分为两个部分,详细介绍了如何使用export导出和接收成员,以及export default的使用场景和方法。通过具体的代码示例,解释了在login.vue组件和main.js文件中的应用。
摘要由CSDN通过智能技术生成

导入 和 导出包的方法:

在 Node 中 :
导入模块:var 名称 = require('模块标识符')
向外暴露成员的形式:
module.exports={}

在ES6 中,也通过 规范的形式,规定了 ES6 中如何 导入 和 导出 模块
 ES6中导入模块,使用   import 模块名称 from '模块标识符'    import '表示路径'
在 ES6 中,使用 export default 和 export 向外暴露成员:
两者不可以混合使用

1、export向外暴露成员以及接受成员的方式:

var info = {
  name: 'zs',
  age: 20
}

export default info

/* export default {
  address: '北京'
} */

// 注意: export default 向外暴露的成员,可以使用任意的变量来接收
// 注意: 在一个模块中,export default 只允许向外暴露1次
// 注意: 在一个模块中,可以同时使用 export default 和 export 向外暴露成员
import m222, from './login.vue'
console.log(m222)

2、export向外暴露成员以及接受成员的方式:

export var title = '小星星'
export var content = '哈哈哈'

// 注意
  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值