基于Vue 2.0的模塊化前端 UI 組件庫(kù)小結(jié)
AT-UI 是一款基于 Vue.js 2.0 的輕量級(jí)、模塊化前端 UI 組件庫(kù)，主要用于快速開發(fā) PC 網(wǎng)站產(chǎn)品。
專門為桌面應(yīng)用程序構(gòu)建，AT-UI 提供了一套 npm + webpack + babel 前端開發(fā)工作流程，以及一個(gè)體面的干凈整潔的 UI 組件。
特性
- 基于 Vue 開發(fā)的 UI 組件
- 基于 npm + webpack + babel 的工作流，支持 ES2015
- CSS 樣式獨(dú)立，保證不同的框架實(shí)現(xiàn)都能保持統(tǒng)一的 UI 風(fēng)格（ 詳見： AT-UI Style ）
- 提供友好的 API，可靈活的使用組件
支持環(huán)境
安裝
- 推薦使用 npm 安裝
npm install at-ui
- 也可以使用 <script> 全局引用
<script type="text/javascript" src="at.min.js"></script>
使用
由于 AT-UI 的樣式獨(dú)立成了單獨(dú)的項(xiàng)目，所以在使用 AT-UI 前，需要安裝 at-ui-style ?？刹捎?npm 的方式安裝，或者使用 <script> 標(biāo)簽的方式引入樣式文件。
npm install at-ui-style
或者
<link rel="stylesheet" href="at.min.css" rel="external nofollow" />
總結(jié)
以上所述是小編給大家介紹的基于Vue 2.0的模塊化前端 UI 組件庫(kù)小結(jié)，希望對(duì)大家有所幫助，如果大家有任何疑問(wèn)請(qǐng)給我留言，小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持！
相關(guān)文章
Vue中 v-if 和v-else-if頁(yè)面加載出現(xiàn)閃現(xiàn)的問(wèn)題及解決方法
vue中v-if 和v-else-if在頁(yè)面加載的時(shí)候，不滿足條件的標(biāo)簽會(huì)加載然后再消失掉，如果要解決這個(gè)問(wèn)題，下面小編給大家?guī)?lái)了實(shí)例代碼，需要的朋友參考下吧2018-10-10
這篇文章主要為大家詳細(xì)介紹了vue+F2生成折線圖的方法，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-04-04
關(guān)于vue-tree-chart簡(jiǎn)單的使用
這篇文章主要介紹了關(guān)于vue-tree-chart簡(jiǎn)單的使用方式，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2022-08-08
這篇文章主要為大家詳細(xì)介紹了vue登錄路由驗(yàn)證的實(shí)現(xiàn)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-12-12
一文詳解Vue的響應(yīng)式原則與雙向數(shù)據(jù)綁定
使用 Vue.js 久了，還是不明白響應(yīng)式原理和雙向數(shù)據(jù)綁定的區(qū)別？今天，我們就一起來(lái)學(xué)習(xí)一下，將解釋它們的區(qū)別，快跟隨小編一起學(xué)習(xí)學(xué)習(xí)吧2022-08-08
vue2.0+koa2+mongodb實(shí)現(xiàn)注冊(cè)登錄
這篇文章主要介紹了vue2.0+koa2+mongodb實(shí)現(xiàn)注冊(cè)登錄功能，非常不錯(cuò)，具有參考借鑒價(jià)值,需要的朋友可以參考下2018-04-04
解決echarts vue數(shù)據(jù)更新,視圖不更新問(wèn)題(echarts嵌在vue彈框中)
這篇文章主要介紹了解決echarts vue數(shù)據(jù)更新,視圖不更新問(wèn)題(echarts嵌在vue彈框中)，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2020-07-07
解決el-select數(shù)據(jù)量過(guò)大的3種方案
最近做完一個(gè)小的后臺(tái)管理系統(tǒng),快上線了,發(fā)現(xiàn)一個(gè)問(wèn)題,有2個(gè)select的選項(xiàng)框線上的數(shù)據(jù)量是1w+,而測(cè)試環(huán)境都是幾百的,所以導(dǎo)致頁(yè)面直接卡住了,本文給大家總結(jié)了3種方法,需要的朋友可以參考下2023-09-09
通過(guò)vue手動(dòng)封裝on、emit、off的代碼詳解
這篇文章主要介紹了通過(guò)vue手動(dòng)封裝on，emit，off的代碼詳解，代碼簡(jiǎn)單易懂，非常不錯(cuò)，具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2019-05-05
Vue實(shí)現(xiàn)拖拽穿梭框功能四種方式實(shí)例詳解
這篇文章主要介紹了Vue實(shí)現(xiàn)拖拽穿梭框功能四種方式,使用原生js實(shí)現(xiàn)拖拽，VUe使用js實(shí)現(xiàn)拖拽穿梭框，結(jié)合實(shí)例代碼給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2022-09-09