以上三個都是vue2版本的開源項目，有的已經有vue3版本了，我把他們集成到一起，是出於練習的目的，也是消磨時間。
vue-admin-template是一個很基礎簡潔的後臺管理系統框架；vform666是可以用作表單低代碼開發的組件項目；workFlow是模仿釘釘的工作流的組件項目，這三個項目在gitee上都能搜索到，其中workFlow項目是https://gitee.com/StavinLi/Workflow這個開源項目；
集成效果如下：
我是先集成的workFlow，後集成的vform666；我的集成思路是這樣的：
1、先把package.json沒有的包複製到集成項目的package.json中去；然後安裝，看是否有錯誤
2、把除components和vue的其他樣式，圖標，資源文件複製過去，相同文件夾則合併，重名的記得改一下，
還有workflow項目的樣式是寫的全局樣式，複製過來不要再寫到man.js裏,等這個組件入口複製過來，記得改爲局部樣式,寫在當前入口文件裏;
3、在components文件夾建一個workFlow文件夾,然後把workFlow的components下的所有組件複製到這個文件夾下;然後記得改import的路徑,不然會找不到組件,有錯誤提示;
4、在views文件夾下建一個workflow文件夾,裏面複製workFlow的入口頁面;
5、workFlow的store修改爲moudules文件夾模式;
6、對照修改vue.config.js
7、router添加path,運行
然後集成VForm666,這個組件頁面非常多,集成思路一樣,會改很多@import路徑;這個用到了mixin特性,沒有用到store狀態管理;
這是我對vue開發不太瞭解的情況下的一個很粗糙的思路，我自己都感覺得出不怎麼正確，但分享出來，總結一下，如果能幫到一些需要的人那更好；
最後效果圖:
這次集成,讓我體會到組件找不到,提示用install命令安裝這個文件的錯誤,一定要首先檢查路徑是否有錯誤的拼寫;
有的錯誤提示安裝,後面有可能的確是少了一個引用的包的原因。
瞭解到了vue2的一個特性mixin,目前知道可以幾個頁面共用一些方法字段;
瞭解到vuex的store,modules可以分模塊的使用狀態管理;
瞭解了一下vue.config.js的配置寫法;
積累了一些使用和集成開源框架和組件的經驗。