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