🔥码云GVP开源项目 12k star Uniapp+ElementUI 功能强大 支持多语言、二开方便! 广告
[TOC] ## [入口组件](https://docs.taro.zone/docs/vue-entry#%E5%85%A5%E5%8F%A3%E7%BB%84%E4%BB%B6%E9%85%8D%E7%BD%AE) - onLaunch (options) - 在此生命周期中通过访问 options 参数或调用 getCurrentInstance().router,可以访问到程序初始化参数 - onShow (options) 程序启动,或切前台时触发。 - 和 onLaunch 生命周期一样,在此生命周期中通过访问 options 参数或调用 getCurrentInstance().router,可以访问到程序初始化参数。 - onHide () 程序切后台时触发。 - onError (error) - onPageNotFound (Object) - onUnhandledRejection (Object) 小程序有未处理的 Promise 拒绝时触发。 ## 普通页面 Vue 组件的生命周期方法在 Taro 中都支持使用,如 onmotund,额外支持以下生命周期: - onLoad (options) - 页面创建时执行。在此生命周期中通过访问 options 参数或调用 getCurrentInstance().router,可以访问到页面路由参数。 - onUnload () - onReady () - 页面首次渲染完毕时执行 - 子组件的 onReady ``` <template> <view id="only" /> </template> <script> import Taro, { eventCenter, getCurrentInstance } from '@tarojs/taro' export default { mounted() { eventCenter.once(getCurrentInstance().router.onReady, () => { console.log('onReady') // onReady 触发后才能获取小程序渲染层的节点 Taro.createSelectorQuery() .select('#only') .boundingClientRect() .exec((res) => console.log('res: ', res)) }) }, } </script> ``` - onShow () - onHide () - onPullDownRefresh () - onReachBottom () 监听用户上拉触底事件。 - onPageScroll (Object) 监听用户滑动页面事件。 - onAddToFavorites (Object) 监听用户点击右上角菜单“收藏”按钮的行为,并自定义收藏内容。 - onTabItemTap (Object) 点击tab