uniapp和vue的区别

曼妙佳人

组件/标签的变化

以前是html标签，现在是小程序标签。
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没有了，都用view替代

audio 不再推荐使用，改成api方式，背景音频api文档



除了改动外，新增了一批手机端常用的新组件

scroll-view 可区域滚动视图容器

swiper 可滑动区域视图容器

icon 图标

rich-text 富文本（不可执行js，但可渲染各种文字格式和图片）

progress 进度条

slider hk指示器

switch 开关选择器

camera 相机

live-player 直播

map 地图

cover-view 可覆盖原生组件的视图容器

cover-view需要多强调几句，uni-app的非h5端的video、map、canvas、textarea是原生组件，层级高于其他组件。如需覆盖原生组件，比如在map上加个遮罩，则需要使用cover-view组件

除了内置组件，还有很多开源的扩展组件，把常用操作都进行封装，DCloud建立了插件市场收录这些扩展组件，详见插件市场



Js
因为uni-app的api是参考小程序的，所以和浏览器的js api有很多不同，如
alert,confirm 改成 uni.showmodel


ajax axios 改成 uni.request


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


vue-router没有了，改成了 uni.navigateTo



以上只是罗列了几个比较常用的，欢迎回帖补充

曼妙佳人

花脸 发表于 2021-9-27 15:51
逗，uni-app本来就是Vue.js开发的，你和我说这两者区别

感谢回复~本身都是用mvvm模式开发的哦，并非区分为两种技术，只不过是两种开发模式的转换

航行万里

花脸 发表于 2021-9-27 15:51
逗，uni-app本来就是Vue.js开发的，你和我说这两者区别

两者没有什么差别，uni-app本来就是基于Vue开发的，用法跟vue没差别
只是多了一些组件的封装，方便开发者直接使用
有些标签也不一样，所以楼主说的也没有什么问题

花脸

逗，uni-app本来就是Vue.js开发的，你和我说这两者区别

曼妙佳人

欢迎回帖补充~