KgoUI（2） 之 vue + layui
阿新 • • 發佈：2018-12-01
框架原始碼：碼雲
我接觸layui 已經快2年多了（Layui剛出的時候我就開始關注了），vue 和 layui並不是天生一對，elementui 和vue配合更加親密無間。我認為layui的彈層layer是當前前端最好的彈層。
這裡依舊選擇layui的原因：
1）layui確實很漂亮和優秀。
2）對layui的情懷（用vue封裝一套layui元件，是我一直想做的，工作中已經有了實操經驗，但是總數因為各種工作中對技術的限制不能讓我自由發揮，這個計劃一直擱置了。）
3）只認為對layui框架比較熟悉。
3）KgoUI只是前端框架，後端框架很多地方為layui做過一下開發，想繼續延後。
好的，開始整合 （其實兩句好就說完了,直接上程式碼）
index.html
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-scale=1.0"> <link rel="stylesheet" href="./static/layui/css/layui.css"/> <script src="./static/layui/layui.all.js"></script> <title>kgoui</title> </head> <body> <style> html ,body{ height: 100%; width: 100%; padding: 0; } </style> <div id="app"></div> <!-- built files will be auto injected --> </body> </html>
layui位置：
這裡引用layui.all.js 原因是使用vue路由，整個框架是個單頁系統（至少絕大部分是單頁），模組一次載入完，不需要在初始化模組了。
另外也可以在main.js 中載入layui，但是我感覺這個是最簡單的使用方式。