首頁 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>