在打包输出模板文件(public/index)添加layui引用
<!-- 引入 layui.css -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/layui/2.6.8/css/layui.css">
<!-- 引入 layui.js -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/layui/2.6.8/layui.js"></script>
配置vue.config.js
module.exports = {
configureWebpack: config => {
config.externals = {
'layui': 'layui',
}
},
}
在页面js或者.vue文件中直接使用就行了
layui.use(['layer', 'form'], function(){
var layer = layui.layer
,form = layui.form;
layer.msg('Hello World');
});