关于layui模块化的使用方式。

直接上代码:

layui.define(function(exports){
var $ = layui.$
,layer = layui.layer
,laytpl = layui.laytpl
,setter = layui.setter
,view = layui.view
,admin = layui.admin

var obj = {
    a : function () {
        console.log("search")
    }
}

//对外暴露的接口
exports('search', obj);
});

使用:


layui.use('search',function (search) {
    search.a()
})
 

成功:

 

  • 2
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
Layui是一个模块的前端框架,它的模块是基于AMD(Asynchronous Module Definition,异步模块定义)规范实现的。在Layui中,每个组件都被封装为一个独立的模块使用时需要通过`layui.use`方法加载相应的模块Layui模块开发方式非常简单,开发者只需要提供一个符合AMD规范的JavaScript模块,即可将其作为Layui模块使用。一个符合AMD规范的JavaScript模块,通常包含以下几个部分: 1. 定义模块名和依赖:使用`define`函数定义模块名和依赖模块。 2. 执行模块代码:通过`require`函数引入依赖模块,并执行模块代码。 3. 导出模块接口:使用`exports`对象导出模块接口。 一个简单的Layui模块示例代码如下: ```javascript // 定义模块名和依赖 define('mymodule', ['jquery'], function($){ // 执行模块代码 function sayHello(){ console.log('Hello World'); } // 导出模块接口 exports('mymodule', {sayHello: sayHello}); }); ``` 在上面的代码中,`define`函数定义了模块名`'mymodule'`和依赖模块`'jquery'`,使用`require`函数引入了`'jquery'`模块,并执行了`sayHello`函数。最后,使用`exports`对象导出了`'mymodule'`模块的接口,即一个包含`sayHello`函数的对象。 使用以上代码定义的模块,在页面中可以通过`layui.use`方法加载并使用,例如: ```javascript layui.use('mymodule', function(){ var mymodule = layui.mymodule; mymodule.sayHello(); //输出'Hello World' }); ``` 在页面中使用`layui.use`方法加载`'mymodule'`模块时,Layui会自动引入`'jquery'`模块,并将`'mymodule'`模块的接口作为参数传入回调函数中。在回调函数中,可以通过`layui.mymodule`获取到`'mymodule'`模块的接口,并使用其中的函数。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值