Quelle est la différence entre les programmes vue et mini ?

La différence entre vue et mini-programmes : 1. Vue demande généralement des données dans les fichiers créés ou montés, tandis que dans les mini-programmes, il demande des données dans onLoad ou onShow 2. Vue lie dynamiquement la valeur d'une variable à une certaine valeur de la variable ; element Lors de la spécification d'un attribut, deux points seront ajoutés devant la variable, et lorsque l'applet lie la valeur d'une variable à un attribut d'élément, elle sera entourée de deux accolades 3. Vue utilise "v-if" ; et "v-show" "Pour contrôler l'affichage et le masquage des éléments, le mini programme utilise "wx-if" et le contrôle caché.

L'environnement d'exploitation de cet article : système Windows 10, version Vue3, ordinateur Dell G3.

Quelle est la différence entre les programmes vue et mini ?

1. Les fonctions de cycle de vie sont différentes :

- Le mini programme WeChat est onLoad : chargement de la page, onShow : affichage de la page, onReady : le rendu initial de la page est complétée, onHide : Page masquée, onUnload : page déchargée.

- La fonction hook de Vue sera déclenchée lors du passage à une nouvelle page, mais la fonction hook du mini programme déclenchera différents hooks dans différentes méthodes de saut de page. beforecreate, create conviennent aux requêtes réseau, beforemout met à jour les données, déplacées, beforeupdate, mises à jour, beforedestory, détruites.

Deuxièmement, le temps de demande de données est différent :

Lorsque la page se charge pour demander des données, l'utilisation des deux hooks est quelque peu similaire à Vue qui demande généralement des données créées ou montées, alors que dans les mini-programmes, c'est le cas. demandera des données dans onLoad ou demandera des données dans onShow.

3. Les méthodes de liaison de données sont différentes :

Lorsque vue lie dynamiquement la valeur d'une variable à un attribut de l'élément, un deux-points sera ajouté devant la variable. Mini programme : Lorsque la valeur d'une variable est liée à un attribut d'élément, elle sera entourée de deux accolades. S'il n'y a pas de parenthèses, elle sera considérée comme une chaîne.

4. L'affichage et le masquage des éléments sont différents :

Dans vue, utilisez v-if et v-show pour contrôler l'affichage et le masquage des éléments. Dans l'applet, utilisez wx-if et Hidden pour contrôler l'affichage et le masquage des éléments.

5. Le traitement des événements est différent :

vue : utilisez v-on:event pour lier des événements, ou utilisez @event pour lier des événements dans les mini-programmes, utilisez bindtap="", ou catchtap=' ' ; Lier les événements, catchtap empêche les événements de bouillonner.

6. La liaison de données bidirectionnelle est différente :

Dans vue, il vous suffit d'ajouter un v-model à l'élément de formulaire, puis de lier une valeur correspondante dans les données lorsque le contenu du formulaire. L'élément change Quand, la valeur correspondante dans les données changera également en conséquence. Dans le mini-programme, lorsque le contenu du formulaire change, la méthode liée à l'élément de formulaire sera déclenchée, puis dans cette méthode, la valeur du formulaire est affectée à la valeur dans les données via this.setData({key:value} ) valeur correspondante.

7. Les paramètres d'événement de liaison sont différents :

En vue, les paramètres d'événement de liaison doivent uniquement être transmis en tant que paramètres formels dans la méthode qui déclenche l'événement. Dans l'applet, vous ne pouvez pas transmettre directement des paramètres dans la méthode de liaison des événements. Vous devez utiliser les paramètres comme valeurs d'attribut, les lier à l'attribut de données sur l'élément, puis utiliser e.currentTarget.dataset.* dans le fichier. méthode Get, complétant ainsi la transmission des paramètres.

8. La communication entre les composants parent et enfant est différente :

La création de composants enfants est différente :

• Obligatoire en vue :

1. . Utiliser si nécessaire Introduit via l'importation dans le composant parent ;

3 S'inscrire dans les composants de vue ;

Dans le mini programme, vous avez besoin de :

• 1. Ecrire le sous-composant

2. Dans le fichier json du sous-composant, déclarer le fichier comme composant ; json du composant parent à introduire Dans le fichier, remplissez le nom du composant et le chemin du composant importé dans usingComponents ;

4 Dans le composant parent, importez-le directement

Les composants parent et enfant ; transmettre différentes valeurs :

In vue,

Pour transmettre des données d'un composant parent à un composant enfant, il vous suffit de transmettre une valeur via v-bind dans le composant enfant, recevez-le via des accessoires pour terminer le transfert de données.La communication entre le composant enfant et le composant parent peut se faire via this.emit Transmettre les méthodes et les données au composant parent.
Dans le mini programme,

le composant parent attribue directement la valeur à une variable et, dans les propriétés du composant enfant, reçoit la valeur transmise.

• Si le composant parent souhaite appeler la méthode du sous-composant,

vue ajoutera un attribut ref au sous-composant. Le sous-composant peut être obtenu via la valeur de this.refs.ref, puis n'importe quelle méthode du sous-composant peut l'être. appelé. .

L'applet consiste à ajouter un identifiant ou une classe à un sous-composant, puis à rechercher le sous-composant via this.selectComponent, puis à appeler la méthode du sous-composant.

Apprentissage recommandé : "Tutoriel vidéo Nodejs"

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!