UniApp和微信小程序的区别

首先uniapp和微信小程序是两种不同的概念：

uniapp是：一种轻量级的应用程序，可以在微信、支付宝等平台上运行，无需下载安装即可使用。小程序通常使用特定的开发语言和框架进行开发，如微信小城使用 WXML、WXSS、JavaScript 进行开发。

微信小程序：是一个基于 Vue.js 的跨平台应用开发框架，由中国公司 DCloud 开发和维护。它能够让开发者使用 Vue.js 的语法和组件化开发方式，一次编写代码，即可在多个平台（如微信小程序、App、H5 等）上运行，实现了一套代码多端运行的目标。

Uni-app 和小程序之间的主要区别：

1. 开发语言：
   • 小程序：主要使用原生的微信小程序开发语言，即基于JavaScript的微信小程序框架。
   • Uni-app：使用Vue.js框架，以及基于Vue.js的扩展语法来开发。这意味着开发者可以使用Vue.js的丰富生态和组件库进行开发。
2. 跨平台支持：
   • 小程序：主要用于开发微信小程序，需要使用微信开发者工具进行开发和调试。虽然也有其他平台的小程序（如支付宝、百度等），但每个平台都需要单独开发。
   • Uni-app：可以同时开发多个平台的应用，包括微信小程序、App(iOS和Android)、H5、快应用等。只需要编写一套代码，即可发布到多个平台，大大提高了开发效率和代码复用率。
   • 组件和API支持： 小程序：使用小程序提供的原生组件和API，这些组件和API可能因平台而异。
     • Uni-app：除了原生组件和API外，还可以使用uni-app提供的跨平台组件和API。这些组件和API在多个平台上具有相似的功能和界面效果，进一步简化了开发过程。
3. UI设计：
   • 小程序：需要根据微信小程序的设计规范进行界面设计，这包括一些特定的样式和组件。
   • Uni-app：可以使用Vue.js的组件化开发方式，灵活自由地设计界面。同时，也可以使用第三方UI库来快速构建界面，这提供了更多的设计选择。
4. 生态系统：
   • 小程序：拥有丰富的微信生态系统，包括微信支付、社交分享等功能，可以直接调用。然而，这些功能可能在其他平台上不可用。
   • Uni-app：虽然不如微信小程序拥有那么丰富的生态系统，但也拥有自己的生态系统，提供了一些扩展插件和第三方库，可以满足多平台开发的需求。
5. 文件结构和开发方式：
   • 小程序：通常使用json、wxml和wxss三个文件来描述页面结构、样式和逻辑。
   • Uni-app：使用vue单文件组件(.vue)来描述页面结构、样式和逻辑，其中包含template、script和style三部分。这种开发方式更符合现代前端开发的趋势，也使得代码结构更清晰。

触摸事件：

①微信小程序：bindtap
②uniapp：@click

函数传参方式：
①微信小程序：<view bindtap="click" data-id="id"></view>
②uni-app：<view @click="click(id)"></view>

函数接收参数：
①微信小程序：function(e){this.setData(currentId:e.currentTarget.dataset.id)}
②uni-app：function(id){this.currentId = id}

for 循环：
①微信小程序：<view wx:for="{{currentList}}" wx:for-index="s_index" wx:for-item="s_item"></view>
②uni-app：<view v-for="(s_item,s_index) in currentList"></view>

if 判断：
①微信小程序：<view wx:if="{{isShow}}"></view>
②uni-app：<view v-if="isShow"></view>

src 动态接收图片：
①微信小程序：<image src="{{item.img}}"></image>
②uni-app：<image :src="$util.img(item.img)"></image>

页面传参：
①微信小程序：<navigator url="/pages/live?id={{item.room_id}}"></navigator>
②uni-app：<navigator :url="'/pages/live?id=' + item.room_id"></navigator>