基于Vue 2.0的模塊化前端 UI 組件庫小結(jié)
更新時(shí)間：2017年12月21日 08:34:52 投稿：mrr
AT-UI 是一款基于 Vue.js 2.0 的輕量級(jí)、模塊化前端 UI 組件庫，主要用于快速開發(fā) PC 網(wǎng)站產(chǎn)品。下面通過本文給大家介紹Vue 2.0的模塊化前端 UI 組件庫，需要的朋友參考下吧
AT-UI 是一款基于 Vue.js 2.0 的輕量級(jí)、模塊化前端 UI 組件庫，主要用于快速開發(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 組件庫小結(jié)，希望對(duì)大家有所幫助，如果大家有任何疑問請(qǐng)給我留言，小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持！
相關(guān)文章
這篇文章主要給大家介紹了關(guān)于Vue父子之間值傳遞的相關(guān)資料，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者使用Vue具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面來一起學(xué)習(xí)學(xué)習(xí)吧2020-07-07
X6 是 AntV 旗下的圖編輯引擎，提供了一系列開箱即用的交互組件和簡(jiǎn)單易用的節(jié)點(diǎn)定制能力，方便我們快速搭建流程圖、DAG 圖、ER 圖等圖應(yīng)用。接下來就看看vue如何使用它2021-05-05
Vue實(shí)現(xiàn)動(dòng)態(tài)表單的示例詳解
在前端開發(fā)中,我們經(jīng)常遇到根據(jù)用戶輸入動(dòng)態(tài)生成不同表單項(xiàng)的需求,本文將詳細(xì)講解如何使用?Vue?3?的響應(yīng)式特性,逐步構(gòu)建一個(gè)遞歸動(dòng)態(tài)表單,感興趣的可以了解下2024-12-12
vue3實(shí)現(xiàn)tabs導(dǎo)航欄點(diǎn)擊每個(gè)導(dǎo)航項(xiàng)有下劃線動(dòng)畫效果
這篇文章主要介紹了vue3實(shí)現(xiàn)tabs導(dǎo)航欄點(diǎn)擊每個(gè)導(dǎo)航項(xiàng)有下劃線動(dòng)畫效果,本文通過實(shí)例代碼給大家介紹的非常詳細(xì),感興趣的朋友跟隨小編一起看看吧2024-07-07
Vue 讓元素抖動(dòng)/擺動(dòng)起來的實(shí)現(xiàn)代碼
這篇文章主要介紹了Vue 讓元素抖動(dòng)/擺動(dòng)起來的實(shí)現(xiàn)代碼，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2018-05-05
vue項(xiàng)目webpack中配置src路徑別名及使用方式
這篇文章主要介紹了vue項(xiàng)目webpack中配置src路徑別名及使用方式,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2024-03-03
Vue MVVM模型與data及methods屬性超詳細(xì)講解
MVVM旨在利用WPF中的數(shù)據(jù)綁定函數(shù),通過從視圖層中幾乎刪除所有GUI代碼（代碼隱藏）,更好地促進(jìn)視圖層開發(fā)與模式其余部分的分離,這篇文章主要介紹了Vue MVVM模型與data及methods屬性2022-10-10
本篇文章主要介紹了web前端vue之CSS過渡效果示例，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2018-01-01
在Vue項(xiàng)目中可以直接使用localStorage,它支持Vue2和Vue3,在Vue2中,可以通過`localStorage.setItem()`、`localStorage.getItem()`和`localStorage.removeItem()`來保存、讀取和刪除數(shù)據(jù),本文給大家介紹vue中的localStorage使用詳解,感興趣的朋友一起看看吧2025-03-03
詳解vue + vuex + directives實(shí)現(xiàn)權(quán)限按鈕的思路
這篇文章主要介紹了詳解vue + vuex + directives實(shí)現(xiàn)權(quán)限按鈕的思路，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-10-10