export exports module.exports require import使用全面解析

import require引入

import是es6的写法，内部分装的基层还是require的写法，所以对于引入区别没有那么明显 都可以用来引入

函数文件test.js
export 暴露两种方式

第一种写法
 export function test1(){
  console.log('我是测试1')
}
 export function test2(){
  console.log('我是测试2')
}
export var txt1=1321321
第二种写法

 function test1(){
  console.log('我是测试1')
}
 function test2(){
  console.log('我是测试2')
}
var txt1=1321321
export {txt1,test1,test2}

引入文件index.vue

import引入

import {
    txt1,
    test1,
    test2
  } from './test'
  console.log(txt1)
  console.log(test1())
  console.log(test2())


require引入
  var test=require('./test.js')
  console.log(test.txt1)
  console.log(test.test1())
  console.log(test.test2())

exports和module.exports的区别在于exports需要对一个对象的所有属性挨个赋值 例如：

//exports用法
exports.txt1 = "我是自定义b"
exports.test1 = function() {
  console.log('我是测试1')
}

exports.test2 = function() {
  console.log('我是测试2')
}

区别于module.exports 可以直接赋值属性和属性值，也可以单独某属性赋值

module.exports = {
  test1: function() {
    console.log('我是测试1')
  },
  test2: function() {
    console.log('我是测试2')
  },
  txt1: 1321321
}
module.exports.a = '我是自定义'

区别于export.default

function test1() {
    console.log('我是测试1')
}
export default test1

引入
import aa(随意命名) from './test.js'