框架源代码:码云
我接触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,但是我感觉这个是最简单的使用方式。