uniapp（uniapp和vue有什么区别）

本篇文章给大家谈谈uniapp，以及uniapp和vue有什么区别对应的知识点，希望对各位有所帮助，不要忘了收藏本站喔。 今天给各位分享uniapp的知识，其中也会对uniapp和vue有什么区别进行解释，如果能碰巧解决你现在面临的问题，别忘了关注本站，现在开始吧！

本文目录一览：

• 1、如何评价uni-app?
• 2、uniapp国外的?
• 3、uniapp搭建
• 4、uniapp和vue有什么区别？
• 5、uni-app 入门到精通 （二）
• 6、关于uni-app的使用感触

如何评价uni-app?

好就好在，uniapp的写法就是vue的写法，上手很快，并且一 些app的原生功能也都能满足，而且调试打包，各种配置也简单明了。

现在说点缺点：

1，文档比较松散，比如我在搞推送和图片压缩的时候，是在论坛里面找到的解决方案，而不是在文档。还有一些内容，文档里面没有写的很详细，是我去看了5+的api，再配合论坛里面的内容，才搞出来的。

2，低端机跑程序的话，如果内容复杂了，会比较卡，我们在测试直播连麦的时候，有些操作反复做，比如连麦挂断，在低端机会闪退，究其原因我也不清楚是怎么回事。

3，nvue这个东西，确实比麻烦，也相对坑点，就不细说了，不过最终也都用解决方法。

4，其实我觉得这个也不叫坑，就是有些时候，h5/小程序/app 三端做同一个功能，需要切换着调试，不然三端会不一致。

总的来说，uniapp还是不错的，也一直在优化和更新。

uniapp国外的?

不是。uniapp是一个由国内DCloud公司推出的多端开发框架项目。uniapp推出的主打特点就是开发者可以在uniapp中使用一套代码发行多个平台的程序。uniapp目前兼容的平台从Android、iOS和微信小程序以及WEB扩展到了支付宝小程序、百度小程序、字节跳动小程序、QQ小程序、快应用以及360小程序。

uniapp搭建

1.uniapp搭建首选项是通过hbuildx去新建项目
2.如果新手可以先选择hello uni-app这个模板，里面涵盖了uniapp里的各种组件、API和框架的介绍，能够让你更快速的对uniapp有一个视觉上的认知。如果你想直接开发不需要框架里的多余文件，那你可以选择默认模板，这模板是精简版的只有几个简单的目录，当然你也可以选择uni-template或者其他模板，根据自己需要自己创建。下面是两种模板的对比
3.创建完成后就可以点击hbuilder的运行来启动项目了。

uniapp和vue有什么区别？

vue和uni-app的区别如下：

1、uni-app可以通过打包实现一套代码多端运行，而vue不行。

2、uni-app有自动的框架预载，加载页面的速度更快，vue没有。

3、uniapp使用小程序的标签，vue使用web端的标签。

4、uni不支持vue-router，使用自带的路由。

uni-app的优点

优点一：

uni-app是一套可以适用多端的开源框架，一套代码可以同时生成ios，Android，H5，微信小程序，支付宝小程序，百度小程序等。

优点二：

uni-app对前端开发人员比较友好，学习成本比较低，首先uni-app是基于vue.js的。其次封装的组件和微信小程序的组件一样。

优点三：

uni-app使用HBX进行开发，HBX对于vue语法等支持可以说是比较完备了。

uni-app 入门到精通 （二）

18 年时候有幸接触到 uniapp , 写了一篇 《uni-app 入门到精通》 ，由于一些原因，该方案并没有执行，该项目一系列文章也就没有再写下去，所以遭受到了许多人评论的吐槽，到如今公司项目的需求又要根据 uniapp 写 H5 嵌入到 app 中，所以想根据项目实际开发分享一下，有兴趣的伙伴可以参考和吐槽。

这一篇文章主要分享一下内容

uniapp 模板项目有两种初始化方式

由于无法舍弃 VSCode ，我们采用 vue-cli 来初始化项目， HBuilderX 大家可以参照官方文档

这种方式是可以通过 vue 脚手架命令指定模板，这个是 dcloudio 的官方提供模板

我们选择默认模板即可，
成功后我们执行

打开浏览器地址，直接运行即可。

一般刚接触前端的小伙伴可能会对 postcss 不太了解，这里简单介绍一下，

当然 PostCSS 具体使用是需要引入一些插件的，例如常用的是 autoprefixer postcss-preset-env 等, 具体如何使用大家可以自行参考资料，毕竟这块知识还是挺多的就不具体展开解释了。

通常我们在写移动端时候需要做的是页面适配方案的确定， uni-app 支持的通用 css 单位包括 px、rpx ， 之前的 upx 方案已经被废弃掉，官方解释是目前市面上已经基本上支持了微信的 rpx 方案，所以 upx 中转方案已经意义不大了，不过还可以继续使用，不过已经不再推荐。

rpx 之初是由微信小程序提出一种方案，即根据宽度来进行适配以 750 宽屏幕为基准， 750rpx 恰好为屏幕宽度, uni-app 规定屏幕基准宽度 750rpx 。所以说如果你们的UI 设计以 750*1334 iphone 6/6s 为基准设计的话，你只需要将屏幕上 px 写为 rpx 即可，不用做任何换算，如果不是的话，你就需要做如下换算：

uniapp 有自己一套路由管理机制，而未采用 vue-route 方案，个人认为这套方案还是比较成熟和好用的，以及可以满足我们日常的需求:

保留当前页面，跳转到应用内的某个页面，使用uni.navigateBack可以返回到原页面。

2.uni.redirectTo(OBJECT)

关闭当前页面，跳转到应用内的某个页面。

3.uni.reLaunch(OBJECT)
关闭所有页面，打开到应用内的某个页面。

注意： 如果调用了 uni.preloadPage(OBJECT)) 不会关闭，仅触发生命周期 onHide

4.uni.switchTab(OBJECT)

跳转到 tabBar 页面，并关闭其他所有非 tabBar 页面。

注意： 如果调用了 uni.preloadPage(OBJECT)不会关闭，仅触发生命周期 onHide

5.uni.navigateBack(OBJECT)

关闭当前页面，返回上一页面或多级页面。可通过 getCurrentPages() 获取当前的页面栈，决定需要返回几层。

5.uni.preloadPage(OBJECT)

预加载页面，是一种性能优化技术。被预载的页面，在打开时速度更快。

以上路由API 已经满足我们的需求，当然进行路由跳转的前提是我们需要在 pages.json 进行路由配置, 包括路由和具体的样式配置

而进行具体路由跳转我们需要如下，需要多加一个 /

需要特别注意的一点是, 利用浏览器 在 进行 移动H5页面调试时候，会出现页面刷新之后页面栈会消失，此时navigateBack不能返回，如果一定要返回可以使用history.back()导航到浏览器的其他历史记录。

uniapp 提供网络请求的 api 是 uni.request ，具体支持的请求方法可以参考官网 method 有效值

不过我们通常不会直接使用，而是进过一系列的封装以方便我们的使用，具体封装接口使用会在随根据页面数据请求一并展示。

关于uni-app的使用感触

最近用uni-app开发了一个项目，下面说一下使用的具体感触吧。
先介绍一下项目大概的情况，，需要开发出ios和android两个客户端，功能不算太多，也不算少，大概30多个页面的样子。后台接口和设计图都已经确认好。客户端开发的话只有我一个，于是大胆的尝试了一下。
开发速度上来说的话，比原生开发确实周期要短很多，而且相对来说方便很多。
文档算是比较齐全，而且碰到任何问题都可以在社区上去搜索答案，还可以加入他们的QQ群进行咨询，所以综合来看到的话其实支持还是够的。在开发过程中碰到问题确实也通过这些渠道迎刃而解。
如果对Vue比较熟悉的话，上手还是比较快的，很方便前端人员进行开发。其实和平时使用vue差不多，只有一些小小的差异。开发的时候注意一下就行。
uni-app可以打包android，ios，微信小程序，h5等运行。兼容性这块的话，大部分都算比较好，在不同端没有不同表现，地图的操作上稍微会有一些不同。
App Store上架的话根据官方的文档其实是没有任何问题的，昨天我们的已经通过审核，微信小程序的审核也没有出现问题。
在特定的场景，uni-app还是值得考虑是否用来作为技术选型的，初次体验的感觉来看还是没有发现任何问题的。

关于uniapp和uniapp和vue有什么区别的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。 uniapp的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于uniapp和vue有什么区别、uniapp的信息别忘了在本站进行查找喔。

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。