vue js文件 export default 与module.exports 区别

1 整体导出 整体使用 单独使用要 .属性

let name = {}
let color = {}
export default {
  name,
  color
}


import obj from './file.js'
console.log(obj.name)
console.log(obj.color)

2 module.exports 整体导出 单独引入使用,用require

let name = {}
let color = {}
module.exports = {
  name,
  color
}

const { name, color } = require('./file.js')
console.log(name)
console.log(color)

3 总结

module.exports 导出时，可以将多个变量、函数、对象等组合到一个对象中，
然后将该对象导出。在另一个文件中使用 require 来引入该模块

export default，则导出的是默认模块，只能导出单个变量、对象或函数等