如何基於 Vue 2 寫一套 UI 庫
前端元件化是當今熱議的話題之一,也是我們在專案開發中經常會碰到的問題,目前各個大廠開源了自己的 UI 庫,有入 iView、Element 等,但是現實中存在一些問題,比如每個公司業務元件不盡相同,沒有辦法完全滿足需求,又或者各位 Geek 想通過學習框架,來打造屬於自己的一套元件庫,那麼該如何去做呢?
本話題教你從零開始打造一套自己的 UI 元件庫,不談太多的理論,直接給予大家更多的乾貨、快速上手,主要內容:
- 環境配置
- 整體程式碼組織結構
- 開始第一個元件
- 思考全域性元件
- 編寫 API 文件
- 打包釋出
閱讀全文: http://gitbook.cn/gitchat/activity/5a5df169462f9b46f3418520
一場場看太麻煩?成為 GitChat 會員,暢享 1000+ 場 Chat !點選檢視
相關文章
- fish-ui 一套基於vue2的ui元件庫UIVue元件
- iView:一套基於Vue的高質量UI元件庫ViewVueUI元件
- GearCase UI – 自己構建一套基於 Vue 的簡易開源元件庫UIVue元件
- 如何開發一個基於 Vue 的 ui 元件庫(一)VueUI元件
- 如何開發一個基於 Vue 的 ui 元件庫(二)VueUI元件
- 【Vue進階】青銅選手,如何自研一套UI庫?VueUI
- 基於 vue-cli3 打造屬於自己的 UI 庫VueUI
- 為公司架構一套高質量的 Vue UI 元件庫架構VueUI元件
- 基於nodejs+koa2+vue+iView開發的一套文件發系統NodeJSVueView
- ve-plus:基於 vue3.x 桌面端UI元件庫|vue3元件庫VueUI元件
- jsonschema-form-vue一套基於 JSON Schema 使用 Vue.js 自動生成表單的庫JSONORMVue.js
- 基於Vue+element-ui 的Table樹VueUI
- 基於VUE移動端UI好用框架VueUI框架
- 我寫了一個面向原始碼閱讀者的 UI 框架(基於 Vue)原始碼UI框架Vue
- iView 3.4.1 釋出,基於 Vue.js 的企業級 UI 元件庫ViewVue.jsUI元件
- 基於Vue的Qabler元件庫Vue元件
- 基於VUE+TypeScript 一個快速開發的移動端UI元件庫VueTypeScriptUI元件
- 基於Svelte3.x桌面端UI元件庫Svelte UIUI元件
- 基於Element-UI的Vue管理後臺搭建UIVue
- 基於vue(element ui) + ssm + shiro 的許可權VueUISSM
- 基於Vue 2的前端如何引入評論區元件ArtalkVue前端元件
- 用 vue 寫小程式,基於 mpvue 框架重寫 weuiVue框架UI
- QingBlog - 基於koa2, mongoose, vue2, element-ui開發的全棧部落格系統GoVueUI全棧
- 基於vue(element ui) + ssm + shiro 的許可權框架VueUISSM框架
- go 基於gin-vue 構建一套mvc開發應用GoVueMVC
- 基於 vite2 + Vue3 寫一個線上幫助文件工具ViteVue
- 基於Vue搭建自己的元件庫(1)Vue元件
- 是時候著手搞一套屬於自己的vue元件庫啦!!!Vue元件
- 200程式碼寫一套屬於自己的事件匯流排(EventBus)庫事件
- 基於vue的Element-ui定義自己的select元件VueUI元件
- 基於Vue+element-ui 的Table二次封裝VueUI封裝
- Vue-Donut——專用於構建Vue的UI元件庫的開發框架VueUI元件框架
- 快速構建vue ui元件庫VueUI元件
- vue相關的UI元件庫VueUI元件
- 基於requirejs的vue2專案 (三)UIJSVue
- VueTP一套基於Vue2.x + iview + axios+ Thinkphp5的前後端通用管理框架(雙版本)VueViewiOSPHP後端框架
- 基於 React 的 UI 元件庫 uiw v1.2.10 釋出ReactUI元件
- 基於TDesign風格的Blazor企業級UI元件庫BlazorUI元件