<big id="5x1vx"><strike id="5x1vx"><ol id="5x1vx"></ol></strike></big>
    <p id="5x1vx"></p>
      <p id="5x1vx"></p>

        <p id="5x1vx"></p>

        <ruby id="5x1vx"></ruby>
          <p id="5x1vx"><del id="5x1vx"><mark id="5x1vx"></mark></del></p>

          <pre id="5x1vx"><cite id="5x1vx"></cite></pre>

          <pre id="5x1vx"></pre>

          推薦21個頂級的Vue UI庫!

          ?最近,隨著“星球大戰”(指 GitHub 的 Star 數量大比拼)的爆發,Vue.js 在 GitHub 上的 Star 數超過了 React。雖然 NPM 的下載量仍然落后于 React,但 Vue.js 的受歡迎程度似乎在持續增長。

          最近,隨著“星球大戰”(指 GitHub 的 Star 數量大比拼)的爆發,Vue.js 在 GitHub 上的 Star 數超過了 React。雖然 NPM 的下載量仍然落后于 React,但 Vue.js 的受歡迎程度似乎在持續增長。
          推薦21個頂級的Vue UI庫!

          數據日期:截止 6 月 28 日

          與 React 一樣,Vue 的最佳特性之一就是能夠使用獨立的模塊化組件來組合 UI。為了幫助讀者更快地構建下一個應用程序,以下列出了 2018 年的一些最佳 UI 組件庫。

          1.Vuetify

          Star 數為 11K,提供了 80 多個 Vue.js 組件,這些組件是根據谷歌 Material Design 指南實現的。Vuetify 支持所有平臺上的瀏覽器,包括 IE11 和 Safari 9+(使用 polyfill),并提供了 8 個 vue-cli 模板。

          地址:https://github.com/vuetifyjs/vuetify

          2.Quasar

          Star 數超過 6K,是構建 Vue.js 響應式網站、PWA、混合移動應用和 Electron 應用的流行框架。Quasar 還支持諸如 HTML/CSS/JS 壓縮、緩存清除、搖樹優化(tree shaking)、源映射、代碼分割和延遲加載、ES6 轉碼等功能。

          地址:https://github.com/quasarframework/quasar

          3.Element

          Star 數將近 28K,是一款面向 Web 的 Vue.js 2.0 UI 工具包。它擁有一個強大的社區和 350 個貢獻者,提供了豐富的可定制組件,以及完整的樣式指南和更多的資源。

          地址:https://github.com/ElemeFE/element

          4. Vue Material

          Star 數差不多 6K,是一個實了谷歌 Material Design 的簡單庫。該庫還提供了一個 webpack 樣板、用于 Nuxt.js 的 SSR 模板和一個單獨的 HTML 文件(通過這個文件開始使用框架)。這里有一些入門的例子

          https://codesandbox.io/s/github/vuematerial/examples/tree/master/examples/quick-start。

          地址:https://github.com/vuematerial/vue-material

          5.Keen-UI

          Star 數將近 3.5 K,一組 Vue 組件的集合,在設計上受到了谷歌 Material Design 的啟發。Keen-UI 并不是一個 CSS 框架,它不包含網格系統、排版樣式等。相反,它關注的是基于 Javascript 的交互式組件。

          地址:https://github.com/JosephusPaye/Keen-UI

          6. Buefy

          Star 數 3K 左右,基于 Bulma(https://bulma.io)提供了一組輕量級的 UI 組件。Vue.js 和 Bulma 是這個庫唯一的兩個內部依賴。它的大小約為 60KB(壓縮后的大小,并且包含了 Bulma)。你可以查看實時文檔網站(https://buefy.github.io/#/documentation/start)并在 Codepen 上運行代碼。

          地址:https://github.com/buefy/buefy

          7. Bootstrap Vue

          Star 數超過 5K,為 Vue.js 提供了 Bootstrap 4 組件和網格系統的實現,并提供了自動 WAI-ARIA 可訪問性標記。

          地址:https://github.com/bootstrap-vue/bootstrap-vue

          8. Muse-UI

          Star 數超過 6K,是另一個 Vue 2.0 MD 庫,提供了 40 多個 UI 組件和可定制主題。文檔主要使用中文撰寫,不過大多數組件是自解釋的,文檔只起到輔助作用。該項目在積極的開發和維護當中。

          地址:https://github.com/museui/muse-ui

          9. AT-UI

          Star 數接近 1.5 K,一個模塊化的前端 UI 框架,用于開發基于 Vue.js 的 Web 界面,適用于桌面應用程序。它提供了 NPM+Webpack+Babel 的前端開發工作流和獨立的 CSS 樣式,值得一試。

          地址:https://github.com/at-ui/at-ui

          10. Vux

          Star 數超過 13K,是一個流行的社區庫,基于 WeUI 和 Vue 2.0。該庫還支持 webpack+vue-loader+vux 的工作流。它的文檔也是中文的。

          地址:https://github.com/airyland/vux

          11. iView

          Star 數將近 16K,提供了數十種用 Vue.js 構建的 UI 組件和小部件,并采用了干凈而優雅的設計。iView 被廣泛采用,社區也在積極維護,并提供了 CLI 工具用于以可視化的方式創建項目。這個也值得一試。

          地址:https://github.com/iview/iview

          12. Uiv

          Star 數“僅”550 左右,用于 Vue 2 的 Bootstrap 3 組件庫。所有組件加起來差不多 20KB,唯一的外部依賴是 Vue 和 Bootstrap CSS,支持基于 Webpack 的工作流。

          地址:https://github.com/wxsms/uiv

          13. Vuikit

          Star 數 1K 左右,一個用于網站界面的響應式的 Vue UI 庫,設計風格干凈而統一。該庫作為由 Yarn 工作區管理的“monorepo”而構建,但圖標和主題可作為單獨的包發布。

          地址:https://github.com/vuikit/vuikit

          14.Onsen UI+Vue

          基于流行的 Onsen-UI 框架,封裝了核心 Web 組件并暴露了 Vue 風格的 API。Onsen UI 組件也被設計為能夠主動對 prop 做出反應。

          地址:https://onsen.io/v2/guide/vue/

          15.Semantic UI+Vue

          這個項目基本上是 Semantic-UI 框架與 Vue.js 的集成。該庫仍在開發當中,提供了一個類似于 Semantic-UI 的 API 以及一組可定制的主題。

          地址:https://semantic-ui-vue.github.io/

          16. Fish-UI

          Star 數“僅”為 500 左右,貢獻者也只有 3 個,但 fish-ui 提供了一個基于 Vue 的 Web 工具包,其中包含整潔干凈的組件。該庫支持 ES2015+Webpack 工作流。它的文檔不是很全,但它的設計不容忽視。

          地址:https://github.com/myliang/fish-ui

          17.Mint UI

          Star 數超過 11K,為 Vue.js 提供 UI 元素,提供了用于構建移動應用程序的 CSS 和 JS 組件。當全部導入時,壓縮后的代碼只有月 30KB(JS+CSS),當然它也支持單個組件的導入。

          地址:https://github.com/ElemeFE/mint-ui/

          18.Framework7 Vue

          這個集成提供了幾乎所有的 Framework7 元素和組件,并集成了 Framework7 Router,按照 Vue 的方式來渲染頁面。該庫正處于積極的開發和維護當中。

          地址:https://framework7.io/vue/

          19.Cube UI

          Star 數超過 3K,是用于 Vue.js 移動應用程序的 UI 組件庫。所有組件都經過了單元測試,并且該庫還支持按需進行后期編譯和組件導入。這個庫仍在積極開發中。

          地址:https://github.com/didi/cube-ui

          20. Vueblu

          Star 數約 1.5K,是基于 Vue 2.0 和 Bulma 的 UI 組件庫,用于構建中臺和后臺辦公產品。它支持 ES2015 和 NPM+Webpack+Babel 工作流,并提供可自定義主題。

          地址:https://github.com/chenz24/vue-blu

          21.Ant Design Vue

          Star 數約 1.5K,用于開發具有數十個 Ant Design 實現組件的企業級后端產品,并支持基于 Webpack 調試的構建解決方案(支持 ES6)。請注意,它的開發已經停止了一段時間。

          地址:https://github.com/okoala/vue-antd

          特別推薦

          • n3-components :

            https://github.com/N3-components/N3-components

          • vuikit:

            https://vuikit.js.org/

          • Kendu UI Vue

            https://www.telerik.com/kendo-vue-ui

          • Office Fabric-Vue

            https://github.com/aidewoode/office-ui-fabric-vue

          • vuestrap

            http://kzima.github.io/vuestrap-base-components/#/

          • vueboot

            http://morgul.github.io/vueboot/

          • framevuerk

            http://framevuerk.com/

          • Vue WeUI

            http://aidenzou.github.io/vue-weui/#!/

          • Vue-MDC

            https://github.com/posva/vue-mdc

          黄色网视频在线观看,精品一区二区免费看黄网站,欧美日韩亚洲综合,色综合一区二区三区中文
            <big id="5x1vx"><strike id="5x1vx"><ol id="5x1vx"></ol></strike></big>
            <p id="5x1vx"></p>
              <p id="5x1vx"></p>

                <p id="5x1vx"></p>

                <ruby id="5x1vx"></ruby>
                  <p id="5x1vx"><del id="5x1vx"><mark id="5x1vx"></mark></del></p>

                  <pre id="5x1vx"><cite id="5x1vx"></cite></pre>

                  <pre id="5x1vx"></pre>