Vue和Uni-app的区别

最新推荐文章于 2025-05-03 03:45:00 发布

触星

最新推荐文章于 2025-05-03 03:45:00 发布

阅读量2k

点赞数 1

本文链接：https://blog.youkuaiyun.com/weixin_49237787/article/details/115303083

版权

有一些HTML标签转换成了小程序特有的标签：

 - div 改成 view
 - span、font 改成 text
 - a 改成 navigator
 - img 改成 image
 - input 还在，但type属性改成了confirmtype
 - select改成 picker
 - iframe 改成 web-view
 - ul、li没有了，都用view替代
 - 有一些老标签其实还是可以使用的 它在运行的时候会自动转换成新标签  但不推荐这样使用因为这样调试H5端时容易混乱

还有一些除改动外新添了一些手机端常用的新组建如：

 - scroll-view 可区域滚动视图容器
 - swiper 可滑动区域视图容器
 - icon 图标
 - rich-text 富文本（不可执行js，但可渲染各种文字格式和图片）
 - progress 进度条
 - slider 滑块指示器
 - switch 开关选择器
 - camera 相机
 - live-player 直播
 - map 地图
 - cover-view 可覆盖原生组件的视图容器

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

因为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

uniapp自带路由和请求方式

uni.navigateTo 路由与页面跳转
uni.request 网络请求

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

触星

关注关注

1
点赞
踩
3

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

【uni-app】nvue开发与vue的区别

03-20

1795

原生排版引擎解析json绘制原生导航栏耗时很少，而解析nvue的js绘制整个页面的耗时要大的多，尤其在新页面进入动画期间，对于复杂页面，没有原生导航栏会在动画期间产生整个屏幕的白屏或闪屏。● nvue 页面的布局排列方向默认为竖排（column），如需改变布局方向，可以在 manifest.json -> app-plus -> nvue -> flex-direction 节点下修改，仅在 uni-app 模式下生效。● 支持的css有限，不过并不影响布局出你需要的界面，flex还是非常强大的。

快速了解uni-app（html、vue、小程序的区别）

weixin_44433499的博客

06-02

6069

uni-app 官网传统的h5只有1端，即浏览器。而uni-app可跨7端，虽仍属前端，与传统h5有不同。网络模型的变化以前网页大多是b/s，服务端代码混合在页面里；现在是c/s，前后端分离，通过js api(类似ajax的uni.request)获取json数据，把数据绑定在界面上渲染。文件类型变化以前是.html文件，现在是.vue文件文件内代码架构的变化以前一个html大节点，里面有script和style节点； <!DOCTYPE html> <html>

参与评论您还未登录，请先登录后发表或查看评论

uni-app 和 Vue 的区别

最新发布

Guiat的博客

05-03

1415

Uni-app 是一个使用 Vue.js 开发所有前端应用的框架。支持一次开发，多端部署（H5、小程序、App等）。使用 Vue 的语法规范，兼容大部分 Vue 生态。Taro 是一个多端统一开发解决方案，由京东凹凸实验室开源。支持 React、Vue、Vue3 等多种框架。支持编译到微信小程序、H5、React Native 等平台。熟悉 Vue；项目需要发布到 App；更关注快速上线；→ 推荐使用Uni-app。熟悉 React；项目更偏向小程序；

uniapp和vue的区别？

zybijiso666的博客

03-31

2552

而 Uni-app 则是基于 Vue.js 的封装，提供了一些特定于跨平台开发的 API 和组件，使得开发者可以更方便地进行跨平台应用的开发。由于 Uni-app 提供了一套完整的跨平台开发解决方案，使得开发者可以使用相似的语法和工具来开发不同平台的应用，因此在一定程度上简化了开发流程。总的来说，Uni-app 是 Vue.js 的一种衍生，旨在解决跨平台开发的问题，提供了一套完整的解决方案。Uni-app 是为了解决一套代码多端运行的问题而设计的，支持在多个平台上运行，包括微信小程序、App、H5 等。

uniapp与vue的区别

zzx262625的博客

12-17

2800

它通过使用Vue的语法和组件化开发模式，实现了一套代码可以在多个平台上运行的能力。而Uniapp在Vue的基础上，还提供了一些专门用于跨平台开发的组件和API，如uni-ui组件库、uni.request等。需要注意的是，虽然Uniapp是基于Vue的，但并不代表Uniapp中所有Vue的特性和功能都可以完全支持。在使用Uniapp时，需要根据Uniapp的文档和规范进行开发，了解其特有的API和组件。总结：Vue是一种用于构建Web界面的框架，而Uniapp是基于Vue的跨平台框架，用于开发多端应用。

vue框架和uniapp框架区别,uniapp是基于vue框架的

神经网络爱好者

09-15

2179

第三，跨平台的能力，uni-app能够跨多个终端，H5，安卓，Ios，微信小程序，百度小程序，头条小程序，支付宝小程序，真正实现了一套代码，多端运行，而且很好适应了我国的市场。为什么会选择它呢，第一，vue语法，学习成本低，上手速度快，只要之前你做过vue的项目，那么就能很快上手，其实是vue和微信小程序的结合体，一半vue，一半微信小程序。uni-app的优点优点一：uni-app是一套可以适用多端的开源框架，一套代码可以同时生成ios，Android，H5，微信小程序，支付宝小程序，百度小程序等。

使用socket.io + Vue + uni-app搭建的完整分离版客服系统源码.zip

05-09

使用socket.io + Vue + uni-app搭建的完整分离版客服系统，clone下来后安装必要依赖即可跑起来，功能众多，注释详细。使用socket.io + Vue + uni-app搭建的完整分离版客服系统，clone下来后安装必要依赖即可跑...

基于Vue的uni-app插件/模板设计源码分享

09-28

本文档是一份基于Vue框架的uni-app插件及模板设计的源码分享，涵盖了广泛的文件类型和数量，共计161个文件。其中包含多个Vue组件、Markdown文档、图片资源以及多种代码文件，具备构建跨平台移动应用的能力。在详细...

基于Vue的uni-app个人日记App

03-04

5. **前端技术栈**：除了Vue.js和uni-app，项目可能还涉及了其他的前端技术，如Vuex用于状态管理，Axios或uni-request进行网络请求，以及可能的CSS预处理器（如Sass或Less）进行样式编写。 6. **JavaScript与...

基于Vue和uni-app的Shopro分销商城开源设计源码

04-17

本项目是基于Vue和uni-app开发的Shopro分销商城开源设计源码，主要使用Javascript进行开发。项目共包含245个文件，其中Vue组件文件153个，JavaScript源代码文件56个，SCSS样式文件12个，PNG图片文件9个，JSON配置...

基于Vue框架的uni-app微信小程序租车网设计源码

09-26

App.vue是uni-app小程序的入口文件，它定义了小程序的整体布局和基础样式，是整个小程序的框架核心。整个租车网系统的设计围绕用户体验展开，力求为用户提供一个便捷、直观的租车服务平台。用户通过这个平台可以...

vue和uniapp的区别

A_topos的博客

10-28

5589

vue和uniapp的区别 uniapp开发可以编译到（头条，支付宝，微信，QQ，百度）小程序，安卓版，ios版，h5版。通过打包实现一套代码多端运行； vue是一个单页面应用，在app上面会卡死 vue是一个框架，开发的时候可以借助ui组件库进行开发 uniapp的开发主要依靠uniapp自己封装的组件，一可以借助外部的ui组件库里面的标签也发生了变化， ...

uniapp和vue的区别

On the way

07-07

8875

项目需要，最近看了一段时间的uniapp，再次整理了一下uniapp和vue的一些相同之处和不同之处，进行了一个区别对比。 1、组件/标签的变化以前是html标签，现在是小程序标签。 p 改成 view span、font 改成 text a 改成 navigator img 改成 image input 还在，但type属性改成了confirmtype form、button、checkbox、radio、label、textarea、canvas、video 这些还在。 select 改成 picke

uni-app和vue的具体区别

Marco_30的博客

01-25

1万+

uni-app是逻辑和渲染分离的，渲染层在app端提供了两套排版引擎。小程序方式的webview渲染，和weex方式的原生渲染，两种渲染引擎可以自己根据需要选。 vue文件走的webview渲染 nvue走weex方式的原生渲染组件和js写法是一样的，css不一样，原生排版的能用的css必须是flex布局 uni-app`的App端内置了一个基于weex改进的原生渲染引擎，提供了原生渲染能力。在App端，如果使用vue页面，则使用webview渲染；如果使用nvue页面(native vue的缩写)

什么是Uniapp以及Uniapp和Vue的区别

BCYHCH的博客

06-20

1万+

是一款基于Vue.js框架的跨平台应用开发框架，它具有跨平台开发、统一的开发语言和工具、独特的基于条件编译的代码生成技术、多种组件库支持等特点和优势。提供了多种应用程序部署方式，包括H5、微信小程序、支付宝小程序、百度智能小程序、头条小程序、QQ小程序、360小程序、App、快应用等。编写完成后，可以使用HBuilder X内置的打包工具，生成多种应用程序包，如H5、微信小程序、支付宝小程序、百度智能小程序、头条小程序、QQ小程序、360小程序、App、快应用等。、独特的基于条件编译的代码生成技术。

uniapp与vue的区别是什么

wsrzsfgst的博客

12-10

903

组件库和API：UniApp提供了一套针对不同平台的组件库和API，可以使用相同的代码实现多个平台上的界面和功能。Vue.js的组件库主要面向Web应用，而UniApp的组件库则扩展了更多适用于移动端和小程序的组件。而UniApp在跨平台开发中，受限于各个平台的特性和限制，可能无法直接使用Vue.js的某些生态系统的特性。平台适配性：UniApp是为跨平台开发而设计的，通过统一的Vue语法进行开发，并使用封装的API来适配不同平台的特性。而Vue.js则主要用于构建Web应用，需要单独适配不同的目标平台。

vue和uni-app的区别

qq_61827376的博客

08-28

1083

选择使用哪个框架取决于项目的需求。如果你只需要开发单一平台的应用，可以选择Vue.js。如果你需要在多个平台上发布应用，并希望尽量减少重复开发工作，Uni-app可能更适合你。Vue和Uni-app是两种与前端开发相关的技术，分别是Vue.js框架和Uni-app框架。它们有一些共同之处，但也有一些区别。

遇到uni app

qq_41410461的博客

11-19

366

官网https://uniapp.dcloud.io HBuilderX是通用的前端开发工具，但为uni-app做了特别强化。 https://www.dcloud.io/hbuilderx.html 参考文档原址 https://ask.dcloud.net.cn/article/35657 1. 文件类型变化以前是.html文件，现在是.vue文件 2. 文件内代码架构的变化以前一个htm...

popper.min.js下载

01-29

### 下载 Popper.min.js 文件的方法对于希望获取 `popper.min.js` 的开发者来说，可以通过多种方式来实现这一目标。通常情况下，推荐通过官方渠道或可靠的分发网络 (CDN) 来获得最新的稳定版文件。 #### 使用 CDN 获取 Popper.min.js 最简单的方式之一是从流行的 CDN 中加载所需的 JavaScript 库。这不仅简化了集成过程，还可能提高性能，因为许多用户已经缓存了来自这些服务提供商的内容。例如： ```html <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2/dist/umd/popper.min.js"></script> ``` 这种方式不需要手动下载文件到本地服务器；只需将上述 `<script>` 标签添加至 HTML 文档中的适当位置即可立即使用 Popper 功能[^1]。 #### 从 npm 或 yarn 安装如果项目采用模块化构建工具链，则可以直接利用包管理器如 npm 或 Yarn 进行安装。命令如下所示： ```bash npm install @popperjs/core # 或者 yarn add @popperjs/core ``` 之后可以根据具体需求引入特定功能模块，而不是整个库，从而减少打包后的体积并优化加载速度[^2]。 #### 访问 GitHub 发布页面下载压缩包另一种方法是访问 Popper.js 的 [GitHub Releases](https://github.com/popperjs/popper-core/releases) 页面，在这里可以选择不同版本的 tarball 或 zip 归档进行下载解压操作。这种方法适合那些偏好离线工作环境或是想要定制编译选项的人群[^3]。 #### 手动克隆仓库最后一种较为少见但也可行的办法便是直接克隆完整的 Git 存储库副本。这样可以获得开发分支以及历史记录等更多信息，适用于贡献代码或者深入学习内部机制的情况。 ```bash git clone https://github.com/popperjs/popper-core.git cd popper-core ``` 完成以上任一途径后便能成功取得所需版本的 Popper.min.js 文件，并将其应用于个人项目之中[^4]。