当前位置:网站首页>【微信小程序】一文读懂小程序的生命周期和路由跳转
【微信小程序】一文读懂小程序的生命周期和路由跳转
2022-07-05 16:14:00 【华为云】
目录
2.通过api跳转wx.navigateTo() , wx.navigateBack(), wx.redirectTo() , wx.switchTab(), wx.reLanch()
前言
微信小程序是一种不需要下载安装即可使用的应用,它实现了应用“触手可及”的梦想,用户扫一扫或者搜一下即可打开应用。也体现了“用完即走”的理念,用户不用关心是否安装太多应用的问题。应用将无处不在,随时可用,但又无需安装卸载。对于开发者而言,微信小程序开发门槛相对较低,难度不及APP,能够满足简单的基础应用,适合生活服务类线下商铺以及非刚需低频应用的转换。微信小程序能够实现消息通知、线下扫码、公众号关联等七大功能。其中,通过公众号关联,用户可以实现公众号与微信小程序之间相互跳转。
一、微信小程序与vue对比
1、在结构和样式方面
2、在调用微信生态系统功能时
获取地理位置信息 wx.getLocation、
文件保存
等等二、小程序生命周期
- onReady 生命周期函数--监听页面初次渲染完成
- onShow 生命周期函数--监听页面显示
- onHide 生命周期函数--监听页面隐藏
- onUnload 生命周期函数--监听页面卸载
- onPullDownRefresh 页面相关事件处理函数--监听用户下拉动作
- onReachBottom 页面上拉触底事件的处理函数
- onShareAppMessage 用户点击右上角转发
- onPageScroll 页面滚动触发事件的处理函数
- onTabItemTap 当前是 tab 页时,点击 tab 时触发
三、小程序路由跳转
1. 通过组件navigator跳转
代码如下(示例):
2.通过api跳转
wx.navigateTo() , wx.navigateBack(), wx.redirectTo() , wx.switchTab(), wx.reLanch()
代码如下(示例):
总结
以上就是今天要讲的内容,本文仅仅简单介绍了微信小程序的生命周期和路由跳转方法,以及和vue项目的对比,希望对大家有所帮助
边栏推荐
- [deep learning] [original] let yolov6-0.1.0 support the txt reading dataset mode of yolov5
- Benji Bananas 会员通行证持有人第二季奖励活动更新一览
- [team PK competition] the task of this week has been opened | question answering challenge to consolidate the knowledge of commodity details
- 【刷题篇】有效的数独
- Jarvis OJ 远程登录协议
- SQL injection of cisp-pte (Application of secondary injection)
- Desci: is decentralized science the new trend of Web3.0?
- Apple 已弃用 NavigationView,使用 NavigationStack 和 NavigationSplitView 实现 SwiftUI 导航
- Cartoon: what is blue-green deployment?
- 挖财股票开户安全吗?怎么开股票账户是安全?
猜你喜欢
随机推荐
Migrate /home partition
【刷題篇】鹅廠文化衫問題
Some cognitive thinking
Get ready for the pre-season card game MotoGP ignition champions!
The new version of effect editor is online! 3D rendering, labeling, and animation, this time an editor is enough
Cartoon: what is blue-green deployment?
Games101 notes (III)
[vulnerability warning] cve-2022-26134 conflict Remote Code Execution Vulnerability POC verification and repair process
How to uninstall MySQL cleanly
Single merchant v4.4 has the same original intention and strength!
Jarvis OJ Flag
Fleet tutorial 09 basic introduction to navigationrail (tutorial includes source code)
网站页面禁止复制内容 JS代码
解决CMakeList find_package找不到Qt5,找不到ECM
How to install MySQL
Cartoon: what is service fusing?
File operation --i/o
Can you help me see what the problem is? [ERROR] Could not execute SQL stateme
[js] skill simplification if empty judgment
scratch五彩糖葫芦 电子学会图形化编程scratch等级考试三级真题和答案解析2022年6月