这篇博客详细介绍了在JavaScript中使用`export`和`module.exports`进行模块导出和导入的区别及使用场景。通过示例展示了如何导出常量、对象，以及如何在其他文件中导入并使用这些导出的内容。无论是`export`的简洁语法还是`module.exports`的传统方式，都在实际项目中有其适用之处。
export写法
- 导出
// index.js
export const name = '我是小明'
或
// index.js
const name = '我是小明'
export{
name
}
- 导入
// detail.vue
import { name } from '../../utils/index.js'
- 使用
// detail.vue
onShow() {
console.log('eee===', name)
},
- 最终效果
module.exports写法
- 导出
// index.js
module.exports = {
name:'我是小红'
}
或
// index.js
const name = '我是小红'
module.exports = {
name
}
- 导入
// detail.vue
const name = require('../../utils/index.js')
- 使用
// detail.vue
onShow() {
console.log('eee===', name)
},
- 最终效果
扫一扫
3450
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
