浅谈使用mpvue开发小程序需要注意和了解的知识点-创新互联

一、实例生命周期

创新互联公司长期为上千客户提供的网站建设服务,团队从业经验10年,关注不同地域、不同群体,并针对不同对象提供差异化的产品和服务;打造开放共赢平台,与合作伙伴共同营造健康的互联网生态环境。为故城企业提供专业的网站设计制作、成都网站制作,故城网站改版等技术服务。拥有十年丰富建站经验和众多成功案例,为您定制开发。

除了Vue本身的生命周期处,mpvue还兼容了小程序的生命周期,这部分生命周期的钩子来源于微信小程序的Page,除特殊情况外,不建议使用小程序的生命周期钩子。

app 部分:

  1. onLaunch,初始化
  2. onShow,当小程序启动,或从后台进入前台显示
  3. onHide,当小程序从前台进入后台

page 部分:

  1. onLoad,监听页面加载
  2. onShow,监听页面显示
  3. onReady,监听页面初次渲染完成
  4. onHide,监听页面隐藏
  5. onUnload,监听页面卸载
  6. onPullDownRefresh,监听用户下拉动作
  7. onReachBottom,页面上拉触底事件的处理函数
  8. onShareAppMessage,用户点击右上角分享
  9. onPageScroll,页面滚动
  10. onTabItemTap, 当前是 tab 页时,点击 tab 时触发 (mpvue 0.0.16 支持)

用法示例:

new Vue({
 data: {
  a: 1
 },
 created () {
  // `this` 指向 vm 实例
  console.log('a is: ' + this.a)
 },
 onShow () {
  // `this` 指向 vm 实例
  console.log('a is: ' + this.a, '小程序触发的 onshow')
 }
})
// => "a is: 1"

另外有需要云服务器可以了解下创新互联scvps.cn,海内外云服务器15元起步,三天无理由+7*72小时售后在线,公司持有idc许可证,提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案,具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势,专为企业上云打造定制,能够满足用户丰富、多元化的应用场景需求。


本文名称:浅谈使用mpvue开发小程序需要注意和了解的知识点-创新互联
文章路径:http://scyanting.com/article/dccedd.html