开发区别:
uni-app 项目每个页面是一个 .vue
文件,数据绑定及事件处理同 Vue.js
规范:
-
属性绑定
src="{{ url }}"
升级成:src="url"
-
事件绑定
bindtap="eventName"
升级成@tap="eventName"
,支持()传参 -
支持 Vue 常用指令
v-for
、v-if
、v-show
、v-model
、v-bind
、v-on
等
其他区别补充:
-
调用接口能力,建议前缀
wx
替换为uni
,养成好习惯,支持多端开发。wx.previewImage --> uni.previewImage
-
<style>
页面样式不需要写scoped
,小程序是多页面应用,页面样式自动隔离。<style scoped></style> --> <style></style>
-
生命周期分三部分:应用生命周期(小程序),页面生命周期(小程序),组件生命周期(Vue)
小程序应用生命周期:
-
onLaunch
-
onShow
-
onHide
小程序页面生命周期:
-
onLoad
-
onShow
-
onReady
-
onHide
-
onUnload
Vue组件生命周期
-
setup
-
onBeforeMount
-
onMounted
-
onBeforeUpdate
-
onUpdated
-
onBeforeUnmount
-
onUnmounted
-