uni-app简单介绍和生命周期

一、uni-app简单介绍

什么是uni-app？
uni-app 是使用 Vue.js 开发跨平台应用的前端框架，开发者编写一套代码，可编译到iOS、Android、H5、小程序等多个平台。

uni-app的优点：
跨平台发行，运行体验更好

• 与小程序的组件、API一致；
• 兼容weex原生渲染，增加了开发效率高，但是由于weex坑比较多，建议还是使用局部渲染优化；

通用前端技术栈,学习成本更低

• 支持vue语法，微信小程序API
• 内嵌mpvue

开发生态,组件更丰富

• 支持通过npm安装第三方包
• 支持微信小程序自定义组件及JS SDK
• 兼容mpvue组件及项目(内嵌mpvue开源框架)
• App端支持和原生混合编码
• 插件丰富,DCloud将发布插件到市场

uni-app生命周期

uni-app生命周期主要分为应用生命周期、页面生命周期和组件生命周期。

应用生命周期

uni-app 支持如下应用生命周期函数：
页面生命周期

uni-app 支持如下页面生命周期函数：

onReachBottom使用注意 可在pages.json里定义具体页面底部的触发距离onReachBottomDistance，比如设为50，那么滚动页面到距离底部50px时，就会触发onReachBottom事件。

组件生命周期

uni-app 组件支持的生命周期，与vue标准组件的生命周期相同。这里没有页面级的onLoad等生命周期：