layui-扩展模块使用小结

1. 自定义模块

    layui.define(['layuiModule1'],function(exports){
        var obj = {
          method1 : function(){//自定义方法1
              let layuiModule1 = layui.layuiModule1;
              console.log('hello world');
          }
        }
      exports('moduleName',obj);
    })
   

说明：以上代码为自定义模块的简单写法范例，define方法的第一个参数为在自定义模块中需要使用到的layui原生模块,使用方法同layui原生模块调用方式一致，需要先加载再调用。

2. 自定义模块调用

   layui.config({
    base:""//此地址相对于引用文件自身，而非项目根目录，以'/'结尾
    }).extend({
      moduleName: 'moduleJsFileName'//扩展模块定义
    }).use(['layuiModule','moduleName'],function(){
        let layuiModule = layui.layuiModule
            ,moduleName = layui.moduleName;
        //所有逻辑代码尽量写在此处
    })
   

说明：以上代码为调用layui扩展模块的简单写法范例，其中extend方法中的moduleName后的moduleJsFileName的赋值不需要添加后缀，只需要文件名即可，需要保证扩展名和base拼接后可以访问到当前的扩展模块所对应的js文件。如上写好后，我们在使用扩展模块时就和使用layui原生模块方法一致了。

后记：在使用layui的过程中遇到了很多细小的问题，持续记录在使用过程中遇到的问题，希望下次再遇到的时候可以少走弯路