layui模块入门

阿超

发布于 2022-08-17 21:52:37

3480

发布于 2022-08-17 21:52:37

文章被收录于专栏：快乐阿超

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

今天写了写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>

运行