1. 程式人生 > >學習Vue.js之vue移動端框架到底哪家強

學習Vue.js之vue移動端框架到底哪家強

outer import ati 工作 需要 全部 ctu ron 上層

官網:https://cn.vuejs.org/

Weex

2016年4月21日,阿裏巴巴在Qcon大會上宣布跨平臺移動開發工具Weex開放內測邀請。

Weex

是一套簡單易用的跨平臺開發方案,能以 web 的開發體驗構建高性能、可擴展的 native 應用,為了做到這些,Weex 與 Vue

合作,使用 Vue 作為上層框架,並遵循 W3C 標準實現了統一的 JSEngine 和 DOM API,這樣一來,你甚至可以使用其他框架驅動

Weex,打造三端一致的 native 應用。

Weex能夠完美兼顧性能與動態性,支持iOS、安卓、YunOS及Web等多端部署。

其工作原理

Weex

表面上是一個客戶端技術,但實際上它串聯起了從本地開發環境到雲端部署和分發的整個鏈路。開發者首先可以在本地像撰寫 web 頁面一樣撰寫一個

app 的頁面,然後編譯成一段 JavaScript 代碼,形成 Weex 的一個 JS bundle;在雲端,開發者可以把生成的 JS

bundle 部署上去,然後通過網絡請求或預下發的方式傳遞到用戶的移動應用客戶端;在移動應用客戶端裏,WeexSDK 會準備好一個

JavaScript 引擎,並且在用戶打開一個 Weex 頁面時執行相應的 JS bundle,並在執行過程中產生各種命令發送到 native

端進行的界面渲染或數據存儲、網絡通信、調用設備功能、用戶交互響應等移動應用的場景實踐;同時,如果用戶沒有安裝移動應用,他仍然可以在瀏覽器裏打開一個相同的

web 頁面,這個頁面是使用相同的頁面源代碼,通過瀏覽器裏的 JavaScript 引擎運行起來的。


Mint UI

基於 Vue.js 的移動端組件庫

Mint UI 包含豐富的 CSS 和 JS 組件,能夠滿足日常的移動端開發需要。通過它,可以快速構建出風格統一的頁面,提升開發效率。

真正意義上的按需加載組件。可以只加載聲明過的組件及其樣式文件,無需再糾結文件體積過大。

考慮到移動端的性能門檻,Mint UI 采用 CSS3 處理各種動效,避免瀏覽器進行不必要的重繪和重排,從而使用戶獲得流暢順滑的體驗。

依托 Vue.js 高效的組件化方案,Mint UI 做到了輕量化。即使全部引入,壓縮後的文件體積也僅有 ~30kb (JS + CSS) gzip。


vue-carbon

基於 vuejs 1.0 開發 material design 風格的移動端 WEB UI 庫

使用文檔地址 https://myronliu347.github.io/vue-carbon/book/v0.5.0/index.html


Muse-UI

基於 Vue 2.0 和 Material Desigin 的 UI 組件庫

特性

1.組件豐富

Muse UI 基本實現了 Material Design 設計規範類的所有組件,另外還開發許多的功能性的組件

2.可定制

Muse UI 使用less文件,所有的顏色都有一個變量維護,通過編寫 less 文件完成自定義主題,另外組件內部也提供一些修改效果的參數

3.基於 Vue 2.0

Muse UI 基於 Vue2.0 開發,Vue2.0是當下最快的前端框架之一,小巧,api友好,可用於開發的復雜單頁應用


VUWE

vuwe是一款基於微信WeUI所開發的,專用於Vue2的組件庫。

它與WeUI完全解耦。用戶通過自定義WeUI的樣式文件,可以方便地對VUWE實現定制化。

vue-mobile

vue-mobile is an UI Framework build with Vue.js for SPA:

Full Page Structure - header, content, footer

Page transition support by vue-router

Bunch of Powerful Components, easy to use and extend

high performance CSS3 Animation

1px border for all components - as well as round border

Write with Vue - the most important


vonic

一個基於 vue.js 和 ionic 樣式的 UI 框架,用於快速構建移動端單頁應用。

和 ionic 的關系:沒有關系,只是在樣式方面以 ionic 的 css 文件為基礎(做了一些調整)


vux

Vux(讀音 [v‘ju:z],同views)是基於WeUI和Vue(2.x)開發的移動端UI組件庫,主要服務於微信頁面。

基於webpack+vue-loader+vux可以快速開發移動端頁面,配合vux-loader方便你在WeUI的基礎上定制需要的樣式。

vux-loader保證了組件按需使用,因此不用擔心最終打包了整個vux的組件庫代碼。

vux並不完全依賴於WeUI,但是盡量保持整體UI樣式接近WeUI的設計規範。最初目標是創建一個易用,實用,美觀的移動端UI組件庫,現在離理想狀態還有不少距離,因此需要大家及時反饋問題及貢獻代碼。

學習Vue.js之vue移動端框架到底哪家強