关于layui的exports相关

ゝ一纸荒年。 2022-12-23 14:24 107阅读 0赞

*  # 自定义模块部分 #

首先自定义一个uzoome模块uzoome.js，依赖Jquery和element模块：

layui.define(['element', 'jquery'], function (exports) {
        var el = layui.element;
        var $ = layui.$;
        function getUser() {
            alert('施小楠');
        }
        exports('uzoome', function () {
            return getUser
        });
    });

*  ## exports输出模块接口是一个函数 ##

它接受两个参数，第一个参数为模块名(**此方法名必须和定义的js同名**)，第二个参数为模块接口

当你声明了上述的一个模块后，你就可以在外部使用了

这里的uzoome模块给外部的接口是一个匿名函数。而这个匿名函数返回值也是一个函数，所以我们在调用uzoome时候

调用如下：

*  ##  exports模块接口是一个方法 ##

layui.define(['element', 'jquery'], function (exports) {
        var el = layui.element;
        var $ = layui.$;
        function getUser() {
            alert('施小楠');
        }
        exports('uzoome', getUser);
    });

调用如下：

*  ## exports输出的模块接口是一个对象 ##

layui.define(['element', 'jquery'], function (exports) {
        var el = layui.element;
        var $ = layui.$;
        var obj = {
            name: '施小楠',
            age: '18',
            getUser: function () {
                alert(this.name);
            }
        };
        exports('uzoome', obj);
    });

调用如下：