WeChat 미니 프로그램의 페이지 수명주기에 대한 자세한 해석(자세한 튜토리얼)

이 글은 주로 WeChat 미니 프로그램 페이지의 라이프 사이클에 대한 관련 정보를 자세히 소개하며, 관심 있는 친구는 참고할 수 있습니다.

WeChat 미니 프로그램 페이지의 라이프 사이클 소개, 세부 사항은 다음과 같습니다. 다음과 같습니다

페이지 수명주기 기능

onLoad —- 모니터 페이지 로딩
onReady —- 모니터 페이지 초기 렌더링 완료
onShow —- 모니터 페이지 표시
onHide —- 모니터 페이지 숨기기
onUnload —- 모니터 페이지 제거

Page({

 /**
  * 页面的初始数据
  */
 data: {
  banner_url:data.bannerList(),
  open:false
 },

 /**
  * 生命周期函数--监听页面加载
  */
 onLoad: function (options) {
  console.log("==onLoad==");
 },

 /**
  * 生命周期函数--监听页面初次渲染完成
  */
 onReady: function () {
  console.log("==onReady==");
 },

 /**
  * 生命周期函数--监听页面显示
  */
 onShow: function () {
  console.log("==onShow==");
 },

 /**
  * 生命周期函数--监听页面隐藏
  */
 onHide: function () {
  console.log("==onHide==");
 },

 /**
  * 生命周期函数--监听页面卸载
  */
 onUnload: function () {
  console.log("==onUnload==");
 }
})

홈페이지 진입 시 트리거 기능

블로그 페이지 진입 및 탈퇴 트리거 기능

요약:

1. 홈페이지에서 나가고 세부정보 페이지로 진입할 때 onHide 기능이 사용됩니다. 홈페이지로 돌아갈 때 페이지 숨기기를 사용하면 바로 표시됩니다.
2. 세부정보 페이지를 나갈 때 onUnload 함수가 사용됩니다. 여기서는 페이지를 언로드하므로 다음에 세부정보 페이지에 들어갈 때 페이지를 다시 로드해야 합니다(로드—- 표시 - 렌더링)
3. 위 상황은 open-type이 설정되지 않은 경우입니다. open-type="redirect"이면 홈페이지를 나갈 때 onUnload가 트리거됩니다. 홈페이지로 돌아갈 수 없습니다.

자세한 내용은 WeChat 애플릿 구성 요소 내비게이터를 참조하세요.

위 내용은 제가 여러분을 위해 정리한 내용입니다. 앞으로 도움이 되길 바랍니다.

관련 기사:

JS 작업 클립보드에 대한 자세한 답변

Angular에서 Lodash 메서드를 사용하는 방법은 무엇인가요?

vue-router 프로젝트 실습(자세한 튜토리얼)

위 내용은 WeChat 미니 프로그램의 페이지 수명주기에 대한 자세한 해석(자세한 튜토리얼)의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!