組件/標(biāo)簽的變化

以前是html標(biāo)簽，現(xiàn)在是小程序標(biāo)簽。

div 改成 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沒(méi)有了，都用view替代
audio 不再推薦使用，改成api方式，背景音頻api文檔
其實(shí)老的HTML標(biāo)簽也可以在uni-app里使用，uni-app編譯器會(huì)在編譯時(shí)把老標(biāo)簽轉(zhuǎn)為新標(biāo)簽，比如把div編譯成view。但不推薦這種用法，調(diào)試H5端時(shí)容易混亂。

除了改動(dòng)外，新增了一批手機(jī)端常用的新組件

scroll-view 可區(qū)域滾動(dòng)視圖容器

swiper 可滑動(dòng)區(qū)域視圖容器

icon 圖標(biāo)

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

progress 進(jìn)度條

slider 滑塊指示器

switch 開(kāi)關(guān)選擇器

camera 相機(jī)

live-player 直播

map 地圖

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

?

cover-view需要多強(qiáng)調(diào)幾句，uni-app的非h5端的video、map、canvas、textarea是原生組件，層級(jí)高于其他組件。如需覆蓋原生組件，比如在map上加個(gè)遮罩，則需要使用cover-view組件

除了內(nèi)置組件，還有很多開(kāi)源的擴(kuò)展組件，把常用操作都進(jìn)行封裝，DCloud建立了插件市場(chǎng)收錄這些擴(kuò)展組件，詳見(jiàn)插件市場(chǎng)

Js

因?yàn)閡ni-app的api是參考小程序的，所以和瀏覽器的js api有很多不同，如:

alert,confirm 改成?uni.showmodel

ajax axios 改成?uni.request

cookie、session 沒(méi)有了，local.storage 改成?uni.storage

vue-router沒(méi)有了，改成了?uni.navigateTo

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

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

uniapp自帶路由和請(qǐng)求方式:

uni.navigateTo?路由與頁(yè)面跳轉(zhuǎn)
uni.request?網(wǎng)絡(luò)請(qǐng)求

?

總結(jié)

以上是生活随笔為你收集整理的uni-app与Vue的区别的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。