vue和uni-app的區別是什么

這篇文章主要講解了“vue和uni-app的區別是什么”，文中的講解內容簡單清晰，易于學習與理解，下面請大家跟著小編的思路慢慢深入，一起來研究和學習“vue和uni-app的區別是什么”吧！

本教程操作環境：windows7系統、uni-app2.5.1&&vue2.9.6版本、Dell G3電腦。

uniapp和vue的區別

uni-app可以編譯到（頭條，支付寶，微信，QQ，百度）小程序，安卓版，ios版，h6版。通過打包實現一套代碼多端運行；vue在web上是為單頁應用而生的，在app上，單頁應用會卡死。

uni-app還有自動的框架預載，加載頁面的速度更快。

組件/標簽的變化

以前是html標簽，現在是小程序標簽。

• p 改成 view

• span、font 改成 text

• a 改成 navigator

• img 改成 image

• input 還在，但type屬性改成了confirmtype

• form、button、checkbox、radio、label、textarea、canvas、video
  這些還在。

• select 改成 picker

• iframe 改成 web-view

• ul、li沒有了，都用view替代

• audio 不再推薦使用，改成api方式，背景音頻api文檔
  其實老的HTML標簽也可以在uni-app里使用，uni-app編譯器會在編譯時把老標簽轉為新標簽，比如把p編譯成view。但不推薦這種用法，調試H5端時容易混亂。

除了改動外，新增了一批手機端常用的新組件

• scroll-view 可區域滾動視圖容器

• swiper 可滑動區域視圖容器

• icon 圖標

• rich-text 富文本（不可執行js，但可渲染各種文字格式和圖片）

• progress 進度條

• slider 滑塊指示器

• switch 開關選擇器

• camera 相機

• live-player 直播

• map 地圖

• cover-view 可覆蓋原生組件的視圖容器

cover-view需要多強調幾句，uni-app的非h6端的video、map、canvas、textarea是原生組件，層級高于其他組件。如需覆蓋原生組件，比如在map上加個遮罩，則需要使用cover-view組件

除了內置組件，還有很多開源的擴展組件，把常用操作都進行封裝，DCloud建立了插件市場收錄這些擴展組件，詳見插件市場

Js

因為uni-app的api是參考小程序的，所以和瀏覽器的js api有很多不同，如

1. alert,confirm 改成 uni.showmodel

2. ajax axios 改成 uni.request

3. cookie、session 沒有了，local.storage 改成 uni.storage

4. vue-router沒有了，改成了 uni.navigateTo

uni-app的js api還有很多，但基本就是小程序的api，把wx.request改為uni.request即可。

uni-app在不同的端，支持條件編譯，無限制的使用各端獨有的api，

uniapp自帶路由和請求方式

uni.navigateTo 路由與頁面跳轉
uni.request 網絡請求

感謝各位的閱讀，以上就是“vue和uni-app的區別是什么”的內容了，經過本文的學習后，相信大家對vue和uni-app的區別是什么這一問題有了更深刻的體會，具體使用情況還需要大家實踐驗證。這里是億速云，小編將為大家推送更多相關知識點的文章，歡迎關注！