layui模块入门

简介: layui模块入门

天才绝不应鄙视勤奋。—— 小普林尼

今天写了写layui自定义模块

layui.define(['layer'], (exports) => { // 需确保您的 layui.js 是引入的构建后的版本(即官网下载或 git 平台的发行版)
  //直接可得到各种内置模块
  var layer = layui.layer
  //…
  layer.msg('Hello World');
  exports('ruben', {}); //注意,这里是模块输出的核心,模块名必须和 use 时的模块名一致
});

然后引用自己写的自定义模块

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title></title>
    <link rel="stylesheet" type="text/css" href="layui/css/layui.css" />
  </head>
  <div id="div1"></div>
  <body>
    <script type="text/javascript" src="layui/layui.js"></script>
    <script src="js/ruben.js" type="text/javascript"></script>
    <script type="text/javascript">
      layui.use(() => {
        var ruben = layui.ruben;
        console.log(ruben)
      })
    </script>
  </body>
</html>

运行

控制台也输出了我们导出的空对象

相关文章
|
9月前
|
前端开发 JavaScript Java
Layui之入门
Layui之入门
63 0
|
10月前
|
前端开发 JavaScript
Layui之组件的基本使用及案例演示1
Layui之组件的基本使用及案例演示1
59 0
|
10月前
|
前端开发 JavaScript
Layui之组件的基本使用及案例演示2
Layui之组件的基本使用及案例演示2
54 0
|
9月前
|
前端开发 JavaScript 搜索推荐
layui入门
layui入门
42 0
|
10月前
|
开发框架 前端开发 JavaScript
前端框架Layui的使用讲解(Layui搭建登录注册页面)(一)
前端框架Layui的使用讲解(Layui搭建登录注册页面)
512 0
|
7月前
|
前端开发 JavaScript 开发者
Layui(入门)
Layui(入门)
40 0
|
8月前
|
前端开发 JavaScript Java
LayUI入门简介(详解)
LayUI入门简介(详解)
660 0
|
8月前
|
XML 前端开发 Java
LayUI入门,以及介绍
LayUI入门,以及介绍
153 0
|
8月前
|
前端开发 JavaScript
LayUI基本介绍
LayUI基本介绍
|
9月前
|
编解码 前端开发 API
LayUI入门
LayUI入门
35 0