首页 index.html <body> <div id="hello"></div> <script src="./lib/layui/layui.js"></script> <script> layui.use('layer', function(){ var $ = layui.$; // 加载hello组件（会自动绑定组件对应的dom上） $("#hello").load("./components/hello.html"); }); </script> </body>
组件 hello.html <script id="demo" type="text/html"> <h3>{{ d.title }}</h3> </script> <script> var data = { //数据 "title": "helloword" } var getTpl = demo.innerHTML , view = document.getElementById('hello'); layui.use('laytpl', function () { var laytpl = layui.laytpl; laytpl(getTpl).render(data, function (html) { view.innerHTML = html; }); }) </script>