Parlons du cycle de vie (fonction) dans l'applet WeChat
青灯夜游
Libérer： 2021-11-01 10:24:38
avant
4809 Les gens l'ont consulté
Cet article vous amènera à jeter un œil au cycle de vie dans l'applet WeChat, aux fonctions du cycle de vie qui s'y trouvent, et à parler de son temps de déclenchement et de ce qu'il fait. J'espère qu'il sera utile à tout le monde !
1. Cycle de vie
1. Qu'est-ce que le cycle de vie ?
Le cycle de vie (Life Cycle) fait référence à l'étape entière d'un objet depuis la création-> l'exécution-> la destruction, en mettant l'accent sur une période de temps (Life Cycle) 是指一个对象从 创建 -> 运行 -> 销毁 的整个阶段，强调的是一个时间段
Le Démarrage du mini programme représente le début du cycle de vie
La fermeture< de le mini programme, indiquant la fin du cycle de vie
Le processus en cours d'exécution de l'applet intermédiaire est le cycle de vie de l'applet
🎜🎜🎜3. Classification du cycle de vie du programme🎜🎜🎜
🎜Cycle de vie des applications
Fait spécifiquement référence au processus de démarrage du mini-programme -> exécution -> destruction🎜
🎜Cycle de vie de la page
Se réfère spécifiquement au processus de chargement--> rendu--> de destruction de chaque page dans le mini-programme🎜
🎜🎜Remarque🎜 : La plage du cycle de vie de la page est petite et le cycle de vie portée de l'application Plus grande🎜
🎜🎜🎜🎜 2. Fonction de cycle de vie 🎜🎜🎜🎜🎜 1. Qu'est-ce qu'une fonction de cycle de vie ? 🎜🎜🎜
🎜Les fonctions intégrées fournies par le framework du mini programme seront automatiquement exécutées dans l'ordre avec le cycle de vie🎜
🎜Le rôle de la fonction de cycle de vie : 🎜
Autoriser les programmeurs à effectuer certaines opérations à des moments spécifiques du cycle de vie
Par exemple, lorsque la page vient d'être chargée, une demande de données est automatiquement lancée dans la fonction de cycle de vie pour obtenir les données. de la page actuelle
li>
🎜🎜Remarque🎜 : Le cycle de vie met l'accent sur la période de temps et la fonction de cycle de vie met l'accent sur le point temporel. 🎜
🎜🎜🎜2. Fonction de cycle de vie de l'application 🎜🎜🎜
🎜app.js est le fichier d'entrée pour l'exécution de l'applet, dans App() doit être appelée dans >app.js et ne peut être appelée qu'une seule fois. Parmi eux, la fonction App() est utilisée pour enregistrer et exécuter de petits programmes 🎜
🎜La fonction App(Object) reçoit un . Paramètre Object< /code>, vous pouvez utiliser ce paramètre <code>Object pour spécifier la fonction de cycle de vie du mini programme🎜
🎜Le code dans app.js</ code>🎜</ li></ul>🎜Le code est le suivant (exemple) :🎜<div class="code" style="position:relative; padding:0px; margin:0px;"><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false;">lifetimes: {
attached () {
console.log(&#39;在组件实例进入页面节点树&#39;)
},
detached () {
console.log(&#39;在组件实例被从页面节点树移除&#39;)
}
},
attached () {
console.log(&#39;~~~~~在组件实例进入页面节点树&#39;)
},
detached () {
console.log(&#39;~~~~~在组件实例被从页面节点树移除&#39;)
},
/**
* 组件的初始数据
*/
data: {
// rgb 的颜色值对象
_rgb: {
r: 0,
g: 0,
b: 0
},
// 根据 rgb 对象的三个属性，动态计算 fullColor 的值
fullColor: &#39;0, 0, 0&#39;
}</pre><div class="contentsignin">Copier après la connexion</div></div><div class="contentsignin">Copier après la connexion</div></div>🎜🎜🎜3. Cycle de vie de la page🎜🎜🎜<ul><li>🎜Chaque mini page de programme doit avoir son propre < code>.js< /code> et la fonction <code>Page() doit être appelée, sinon une erreur sera signalée. Parmi eux, la fonction Page() est utilisée pour enregistrer la page du mini programme🎜
🎜La fonction Page(Object) reçoit un Object paramètre , vous pouvez spécifier la fonction de cycle de vie de la page via ce paramètre Object🎜
🎜page.js🎜
🎜code Comme suit (exemple) : 🎜rrreee🎜🎜🎜4. Le cycle de vie complet des composants🎜🎜🎜🎜Quels sont les cycles de vie des composants ? Quand sont-ils différents ? 🎜
Cycle de vie
Paramètres
Description
🎜
créé🎜
Aucun🎜 🎜Exécuté lorsque l'instance du composant vient d'être créée🎜🎜
joint🎜
Aucun 🎜🎜Exécuté lorsque l'instance du composant entre dans l'arborescence des nœuds de page🎜🎜
ready🎜
Aucun 🎜🎜 dans le composant Exécuté une fois la disposition de la couche de vue terminée🎜🎜
moved🎜
Aucun🎜🎜Exécuté lorsque l'instance du composant est déplacée vers une autre position dans l'arborescence des nœuds 🎜🎜
détaché🎜
Aucun🎜🎜Exécuté lorsque l'instance du composant est supprimée de l'arborescence des nœuds de page</ code>🎜🎜 <tr><td align="center">erreur🎜<td align="center"><code>Erreur d'objet🎜🎜Exécuté chaque fois qu'une méthode de composant renvoie une erreur🎜🎜🎜🎜
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
