首頁  >  文章  >  web前端  >  uniapp和mpvue差別有哪些

uniapp和mpvue差別有哪些

藏色散人
藏色散人原創
2020-12-08 11:10:2312214瀏覽

uniapp和mpvue的差異:1、uniapp是使用Vue.js開發所有前端應用的框架,而mpvue則是使用Vue.js開發小程式的前端框架;2、uniapp是遺傳了原生小程式的絕大部分api等等。

uniapp和mpvue差別有哪些

本教學操作環境:windows7系統、uni-app2.5.1版本,DELL G3電腦,此方法適用於所有品牌電腦。

mpvue (github 網址請參閱「https://github.com/Meituan-Dianping/mpvue」)是使用 Vue.js 開發小程式的前端架構。框架基於 Vue.js 核心,mpvue 修改了 Vue.js 的 runtime 和 compiler 實現,使其可運作在小型程式環境中,因此為小型程式開發引入了整套 Vue.js 開發體驗。

uni-app 是使用 Vue.js 開發所有前端應用程式的框架,開發者編寫一套程式碼,可發佈到iOS、Android、Web(響應式)、以及各種小程式(微信/支付寶/百度/頭條/QQ/釘/淘寶)、快速應用等多個平台。

uni-app和mpvue對比開發小程式?

最近在研究uni-app,因為公司要同時準備做小程式和H5,網路上比較了一些框架,發現uni-app是比較適合這種開發的,下面拿原生程式碼和uni-app還有mpvue這三種框架做對比,你就知道為什麼了:

uni-app是遺傳了原生小程式的絕大部分api,用法跟原生小程式一樣,那麼這樣基本上不會出現什麼不相容的問題了,小程式裡面的api在mpvue裡面也可以用,但是用了之後轉H5怎麼辦?

效能方面,uni-app的官網影片有做對比,雖然不知道是真是假,但是寫出來的頁面互動體驗是跟原生小程式沒有什麼差別的,總的來講,就是在單頁資料載入量不大的時候,此時,原生小程式和uni-app的頁面渲染效能基本上沒太大差別,但是mpvue就差很多了。

mpvue和uni-app都是遺傳vue的語法,但是相對來說uni-app就比較屌,它完整的遺傳了小程序的組件、小程序的api,更貼近於原生小程序開發,所以還是比較推薦的

而且轉H5的方法也很簡單,打包的時候將程式碼打包成H5運行就可以,對比了一下,小程式的頁面和H5的頁面沒有區別,完全一致,這裡就不得不讚一波uni-app自己的像素單位「upx」了,具體的upx可以去官網看

推薦(免費):uni-app開發教程

以上是uniapp和mpvue差別有哪些的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn