vue中使用layui
*如何在vue中使用layui
第一次在vue中使用layui，完全不知道怎么引入樣式與功能，百度了很多辦法才弄好，特意來記錄一下使用的過程，本次使用vue 2.x ，使用vue/cli構建項目，用vue create 【項目名稱】，來創建項目。
下載layui
將使用腳手架創建的項目給清空一下，保留最原始的頁面，后續將在清空的頁面進行頁面的編輯。
下載layui文件，在layui的官網下載即可。
layui官網
直接點擊下載。
把解壓后的文件夾放到項目的public文件夾里面
##引入layui問價
然后在public文件夾下的index.html引入
在這里插入圖片描述
這樣就可以使用了
##測試
在官網復制一段代碼
千萬不要忘了最下面的js內容
然后運行項目 npm run serve
效果圖如下
此方法最為簡單，有效。
##建議在vue中不要使用layui，建議使用elementui。（最重要）
##本次使用遇到的問題（未解決，有大佬解決的希望告知一下）
1.使用npm命令，在vue項目中下載layui。
命令：npm i layui-src
下載完成后，我們會在根目錄下的package.json文件中看到我們下載的layui版本號，如下圖
引入css樣式
在創建的項目的main.js文件中引入css文件
import ‘layui-src/dist/css/layui.css’
引入js文件
1：
在創建的項目的main.js文件中引入layui的js文件
import “layui-src/dist/layui.all.js”
此時我們會看到以下報錯信息
此時我們執行 npm install --save jquery
然后重新運行項目就可以了，就會沒有報錯信息。
至此，全部的文件都已經引入完成了，后面就是在layui的官網，找到自己需要用到的模塊，復制到自己頁面。
在此，隨便去layui官網復制一段代碼，看看是否成功。雖然基本樣式出現了，但是沒有js樣式，找了很多辦法沒有解決。最終放棄了。有解決的大佬希望能告知。
謝謝大家。本次到此結束，希望對你有所幫助，最后大聲的說一聲：
vue中不要使用layui；vue中不要使用layui；vue中不要使用layui；（重要的事情說三遍）。
————————————————
版權聲明：本文為CSDN博主「剛剛學習前端的小白」的原創文章，遵循CC 4.0 BY-SA版權協議，轉載請附上原文出處鏈接及本聲明。
原文鏈接：https://blog.csdn.net/woshixiaoy/article/details/114452234