qu'est-ce que mpvue

Le programme WeChat Mini recommande une méthode de développement concise et complète les fonctions légères du produit grâce à une agrégation de plusieurs pages. Le mini-programme est téléchargé localement sous forme de package hors ligne, chargé et démarré via le client WeChat. Les spécifications de développement sont simples, la technologie est soigneusement encapsulée et il possède son propre système de développement. Il a l'ombre de Native et H5, mais il l'est. jamais pareil.

Qu'est-ce que mpvue ?

mpvue est un framework de développement front-end destiné au développement de petits programmes. Son objectif principal est d'améliorer l'efficacité du développement et d'améliorer l'expérience de développement. En utilisant ce framework, les développeurs n'ont besoin que d'avoir une compréhension préliminaire des spécifications de développement de mini-programmes et de se familiariser avec la syntaxe de base de Vue.js pour commencer. Le framework offre une expérience complète de développement Vue.js. Les développeurs écrivent du code Vue.js, et mpvue l'analyse et le convertit en un petit programme et garantit qu'il fonctionne correctement. De plus, le framework fournit également aux développeurs un exemple de code de démarrage rapide via l'outil vue-cli. Les développeurs n'ont qu'à exécuter une commande simple pour obtenir un projet exécutable.

Pourquoi tu fais mpvue ?

Au début des tests internes du mini-programme, nous prévoyons d'itérer rapidement une implémentation de produit qui compare H5. Les principales exigences sont : une implémentation rapide, une réutilisation du code, un faible coût et une efficacité élevée. .. Expérience ultérieure Après avoir construit plusieurs mini-programmes, combinant des scénarios commerciaux, une sélection de technologies et des méthodes de développement de mini-programmes,

nous avons compilé et résumé les principaux problèmes rencontrés au cours de la phase de développement :

Le mécanisme de composantisation n'est pas parfait

Manque de réutilisabilité du code multi-fins

Le cadre du mini-programme et la pile technologique de l'équipe ne peuvent pas être combinés de manière organique

Le mini-programme le coût d'apprentissage n'est pas assez bas

Mécanisme des composants :

La logique de l'applet et le code de la couche de vue sont séparés les uns des autres. Les composants publics ne peuvent pas être regroupés dans une seule entrée de fichier. après avoir été extraits, les composants doivent être introduits respectivement dans la couche de vue et la couche logique, ce qui entraîne une mauvaise maintenabilité ; Le composant n'a pas de mécanisme d'espace de noms, les rappels d'événements doivent être définis comme des fonctions globales, la conception du composant présente un risque de conflits de noms, et l'encapsulation des données n'est pas solide. Les développeurs ont besoin d'une méthode d'organisation du code conviviale, d'une importation unique via les modules ES et d'une bonne encapsulation des données des composants. Le mécanisme des composants matures est crucial pour le développement de l’ingénierie.

Réutilisation multi-terminaux :

Il existe deux scénarios commerciaux courants, qui consistent à transformer les produits H5 existants en mini-applications de programme ou vice versa. Du point de vue de l'efficacité, les développeurs espèrent terminer le développement en réutilisant le code, mais le cadre de développement de mini-programmes ne peut pas le faire. Nous avons essayé de convertir le code H5 en un petit programme grâce à une analyse de code statique, mais seule la conversion de la couche de vue a été effectuée, ce qui ne pouvait pas apporter plus d'avantages. La réutilisation du code multi-extrémité nécessite des solutions plus matures.

Présentation de Vue.js :

La méthode de développement de petits programmes est similaire à H5, nous envisageons donc la réutilisation de code avec H5. Suite à la sélection de la pile technologique par l'équipe, nous avons déterminé Vue.js comme spécification de développement de mini-programme.

L'utilisation de Vue.js pour développer des mini-programmes entraînera directement les améliorations d'efficacité de développement suivantes :

Le code H5 peut être réutilisé dans des mini-programmes avec des modifications minimes

Utilisez le mécanisme de composants Vue.js pour développer des mini-programmes, qui peuvent réaliser la réutilisation des mini-programmes et des composants H5

Une fois la pile technologique unifiée, le coût d'apprentissage des mini-programmes est réduit et les développeurs le font pas besoin d'en savoir plus lors du passage du H5 aux mini programmes

Le code Vue.js permet à tous les front-ends de participer directement au développement et à la maintenance

Pourquoi Vue.js ? Cela dépend de la sélection de la pile technologique par l'équipe. L'introduction de nouvelles sélections est contraire à l'unification de la pile technologique et à l'amélioration de l'efficacité du développement, et va à l'encontre de l'intention initiale du secteur des services d'outils de développement.

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!