模块化开发规范

导出方式

1. model.exports，这种方式是模块化开发，用模块这个对象中的exports方法开放接口给别人使用,别人从exports对象中拿对象，这种方式就是相当于return exports对象，之后通过.方式引用,这种要加=号

   // test.js
   module.exports = {
      test: "111"
   }
   
   let test = require("test.js")
   console.log(test.test)

2. export default,这种方式是导出基本的对象给别人使用，之后就可以用import xxx from ‘test.js’这种方式接收这种方式export default这种方式是导出多个对象，之后import引入也是引入多个对象（除非解构）

   // test.js
   export default  {
      test:"123"
   }
   import {test} from "test.js"
   console.log(test)
   
   import test from "test.js"
   console.log(test.test)

3. export function fn(){console.log(“111”)}这种方式就是单独导出一个对象所以是export不是exports，es6解决了按需引入的问题，而不是一个模块全部导出供给别人使用,总之都是export之后集合到一个对象，不过es6可以解构这个对象

4. vue.use 就是调用参数中的exports.install方法，之后进行使用

5. 优东职教通模块开发方式

   // global.js
   // 定义对象，然后导出之后引入对象使用
   
   // vuex
   // 首先引入global.js和vuex模块，之后vue.use就可以引入这个插件全局挂载，用export default store 导出对象
   
   // 之后在原型上挂载这个$store对象

   // 导入自定义方法挂载到原型
   // 首先新建一个文件写入自己的方法和对象
   // exports.install(主要目的是为了获取vue对象，并挂载到原型) 导入这个对象，并且挂载到原型上
   // 接下来新建一个index.js文件并将别的文件夹引入
   // 引入到一个对象并用vue.use,exports.install将对象导出