在此記錄uni與vue、小程序的區別。
1.標簽區別：
uni使用小程序的標簽，vue使用web端的標簽
標簽名變化的：
| 標簽描述\類別 | vue | uniapp |
|---|---|---|
| 文本 | span\font | text |
| 鏈接 | a | navigator/ router-link |
| 圖片 | img | image |
| 輸入框 | input | input[type=[confirmtype]] |
| 多選 | select | picker |
| 外部框架 | iframe | web-view |
| 列表 | ul、li | view |
標簽名未變的：
form, button,checkbox,label,textarea,video
不推薦使用的：
不內置audio標簽，改成api方式由外部引入。
老的html標簽是可以使用的，但為了兼容性，不做考慮。
新增手機端常用組件
- scroll-view:可區域性公董視圖容器
- swiper:可滑動區域視圖容器
- icon圖標
- rich-text：富文本
- progress:進度條
- slider:滑塊指示器
- switch:開關選擇器
- progress:進度條
- camera:照相機
- map:地圖
- cover-view:可覆蓋原生組件的視圖容器。 cover-view需要多強調幾句，uni-app的非h5端的video、map、canvas、textarea是原生組件，層級高於其他組件。如需覆蓋原生組件，比如在map上加個遮罩，則需要使用cover-view組件
更多組件相關請點擊這里
2.js：
uniapp的api是參考小程序的，因而與瀏覽器端的api有所不同
| 標簽描述\類別 | 原生js | uniapp |
|---|---|---|
| 彈框 | alert,confirm | uni.showmodel |
| 發送網絡請求 | ajax axios | uni.request |
| 存儲 | local.storage | uni.storage |
cookie、session在uni不被支持
在不同客戶端，支持條件編譯，可以無限制使用各端獨有的api，如果有小程序基礎，可以直接將“wx.*” 改為 “uni.*”，請見這里
3.路由：
uni不支持vue-router,使用自帶的路由。
未完待續。