uni-app 和原生小程序开发区别

开发区别：

uni-app 项目每个页面是一个 .vue 文件，数据绑定及事件处理同 Vue.js 规范：

1. 属性绑定 src="{{ url }}" 升级成 :src="url"

2. 事件绑定 bindtap="eventName" 升级成 @tap="eventName"，支持（）传参

3. 支持 Vue 常用指令 v-for、v-if、v-show、v-model 、v-bind、v-on 等

其他区别补充：

1. 调用接口能力，建议前缀 wx 替换为 uni ，养成好习惯，支持多端开发。

   wx.previewImage --> uni.previewImage

2. <style> 页面样式不需要写 scoped，小程序是多页面应用，页面样式自动隔离。

   <style scoped></style>  -->  <style></style>

3. 生命周期分三部分：应用生命周期(小程序)，页面生命周期(小程序)，组件生命周期(Vue)

   小程序应用生命周期：

   • onLaunch

   • onShow

   • onHide

   小程序页面生命周期：

   • onLoad

   • onShow

   • onReady

   • onHide

   • onUnload

   Vue组件生命周期

   • setup

   • onBeforeMount

   • onMounted

   • onBeforeUpdate

   • onUpdated

   • onBeforeUnmount

   • onUnmounted