WeChat 미니 프로그램의 수명주기에 대한 자세한 설명

이 글은 주로 WeChat 미니 프로그램의 라이프사이클에 대한 자세한 설명을 소개합니다. 도움이 필요한 친구들이 모두 참고할 수 있기를 바랍니다.

오늘은 위챗 애플릿의 앱 라이프사이클과 각 페이지의 라이프사이클을 기록하겠습니다.

(1) 미니 프로그램

의 수명주기는 app.json에서 모니터링됩니다. 세 가지 메서드

①onLauch 메서드는 미니 프로그램이 시작될 때 한 번만 트리거됩니다.

②onShow 메서드는 미니 프로그램이 시작될 때와 배경 표시에서 전경 표시로 전환될 때 트리거됩니다.

3onHide 메소드는 미니 프로그램이 전경 디스플레이에서 배경 디스플레이로 전환될 때 트리거됩니다.

이 사진을 통해 다양한 생애주기를 느껴보실 수 있습니다↓.

더 흥미로운 점은 애플릿이 시작될 때 onShow가 두 번 트리거된다는 것입니다. 이해하는 학생들이 설명해주기를 바랍니다.

(2) 페이지의 라이프 사이클

1. 인덱스에 새 크랩 페이지로 이동하는 두 가지 방법을 추가했습니다. ↓ 간략한 소개는 다음과 같습니다.

① index.wxml 파일에서 ;태그에 URL을 추가하여 점프 구현

②index.js의 메소드에 버튼을 바인딩하여 점프를 구현했습니다. 여기서는 메소드 이름을 TurnCrabFunction으로 지정하고 index.js에 메소드를 구현했습니다.

2 다음은 crab.js의 각 라이프사이클을 소개합니다.

↓사진은 파일의 코드 일부를 console.log를 사용하여 인쇄합니다. 각 생명주기를 관찰할 수 있도록 말이죠. (각 함수 뒤의 주석은 함수 설명에 해당합니다.)

그 중 onSomeFunction은 제가 임의로 명명한 것이며, 그 외의 메소드들은 이름과 의미가 고정되어 있습니다.

3. 인덱스 인터페이스에서는 크랩 인터페이스에 들어갈 방법을 선택합니다. ↓사진에 자세히 설명되어 있습니다

(풀다운 새로고침이 되지 않는 경우 app.json에서 window 매개변수를 확인하거나, 현재 페이지의 crab.json 파일이 이 매개변수를 덮어쓰는지 확인하세요. to false)

관련 권장 사항:

asp.net MVC 애플리케이션의 수명 주기(자세한 설명)_실용 팁

Vue 수명 주기란 무엇입니까

무엇입니까? 는 React 컴포넌트의 생명주기 기능

위 내용은 WeChat 미니 프로그램의 수명주기에 대한 자세한 설명의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!