1.首先你得先安装vue cli
2.在vue cli 可视化任务里安装layui-src，这样子在vue项目文件夹下的node_modules的文件夹里就能找到layui-src文件夹，里面的文件都是layui的基础文件，包括css，js等
3.在layui-src文件夹下找到dist文件夹，接着你就能看到css和layui.js等文件了，根据需要复制相关文件
4.在public文件夹下新建文件夹static,在这里我们还得先建一个js文件夹，用来存放刚刚复制的需要的layui的文件
5.接着要把layui的模块在main.js中挂载到vue项目里Vue.prototype.$layer = window.layui.layer;
6.之后，我们就可以在index.html中使用script标签引用layui了v<script src="./static/js/layui.all.js"></script>
7.接着在你需要的页面正常引用layuix相关组件就可以了
1.首先你得先安装vue cli 2.在vue cli 可视化任务里安装layui-src，这样子在vue项目文件...
前言 老师在前天介绍了bulma框架，一个纯 css 的，概念上就和 bootstrap 差不多，当时的案例只引用...
在使用新版本的vue-cli 对项目进行 vue create projectname的时候，使用vue-cli ...
vue cli的使用 首先，安装vue cli 注意：这里安装的是vue cli3，如果我们想要使用vue cli...
前提，安装好Vue CLI环境，我这里使用的Vue CLI的版本为@vue/cli 4.5.13 1、使用vsco...
一、vue/cli 安装 1.使用npm install -g @vue/cli 全局安装vue2.使用vue -...
在卸载了vue-cli2.X后，使用cnpm install -g @vue-cli安装最新版的vue-cli脚手...
install vue-cli 安装依赖包 npm install --g vue-cli //使用vue-cli...
使用 vue-cli 搭建项目 vue-cli 是一个官方发布 vue.js 项目脚手架，使用 vue-cli 可...
我们在使用vue-cli搭建vuejs项目(Vuejs实例-01使用vue-cli脚手架搭建Vue.js项目)的时...
本文标题：在vue cli 里使用 layui
本文链接：https://www.haomeiwen.com/subject/muigtktx.html
网友评论