前言

UnitUI是基于vue+element-UI的一個動態(tài)開發(fā)框架，它是以node.js和vuecli為支撐基礎(chǔ)。那么我們開發(fā)的時候，就需要node.js和vuecli環(huán)境進行支持。

為什么叫unitui？因為我們目的是搭建一個組件式開發(fā)框架，這樣子我們可以將任何一組件，通過動態(tài)路由掛載的方式添加的路由中去，并通過于菜單進行綁定便可直接掛載一個組件，這樣有利于我們快速開發(fā)和團隊開發(fā)，保障安全等具巨大的優(yōu)勢，讓廣大開發(fā)者將有限的精力放到組件功能中。

支持

內(nèi)置頁面

為了方便大家的開發(fā)，我們默認內(nèi)置：

視圖框架

登錄

注冊

忘記密碼

404錯誤頁

即四個頁面和一個基礎(chǔ)的開發(fā)框架。如果你對UnitUI開發(fā)框架不是特別熟悉，那么你可以通過觀看我賬號下的視頻進行學(xué)習(xí)和了解。

內(nèi)置js庫

"axios": "^0.21.1",

"core-js": "^3.6.5",

"echarts": "^5.1.2",

"element-ui": "^2.15.5",

"vue": "^2.6.11",

"vue-router": "^3.2.0"

介紹

怎樣進行開始開發(fā)

Unit ui是需要一個環(huán)境和一個的開發(fā)環(huán)境。你需要安裝node.js（版本最新即可），然后再安裝一個vuecli(版本最新即可)開發(fā)環(huán)境，然后便可直接下載的源碼目錄運行“npm run serve”便可運行unitui。

源碼的獲取方式在文章末尾，此時你只需要將注意力放在自己的功能組件開發(fā)即可。

你可以獲得什么

Unit-UI他已經(jīng)內(nèi)置了基本的登錄、注冊、找回密碼幾個重要的頁面，再加上一個視圖框架。你可以通過對視圖框架的一個適當(dāng)修改。甚至你可以對視圖框架不進行修改，便直接進行組件開發(fā)。

你可以通過直接書寫組件的形式便可直接開始你的項目開發(fā)，這樣子有利于你的項目快速成型和團隊搭配unit-ui畢竟是通過動態(tài)路由的形式搭建，那么意味著你和團隊之間的搭配就會更加的簡單。

其次，我們支持的動態(tài)路由也意味鑒權(quán)的實現(xiàn)也是非常簡單，你通過有unit-ui便可實現(xiàn)快速鑒權(quán)，通過后端返回的json進行一個控制便可。

最后，我們有利于保障安全，因為動態(tài)路由是由后端進行控制，通過返回json對路由進行生成，這意味著我們的組件加載完全由后端進行控制，那我們項目的安全性就會得到一個巨大的提升。

結(jié)語

你喜歡可以私信回復(fù)“unituicli”獲取源碼

總結(jié)

以上是生活随笔為你收集整理的免费开源Vue+element-ui动态路由开源unitui快速开发框架的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。