javascript - Comment refactoriser d'anciens projets JQuery avec les nouvelles technologies?

Question

Je souhaite utiliser vue pour reconstruire un ancien projet écrit en jq, par où dois-je commencer ?

Answer 1

jquery只是一个库，而vue是一个框架，决定了用vueLe refactoring signifie que vous devez utiliser sa méthode d'écriture pour écrire le projet.

Bien que vue和jquery本身并不排斥，我也在vue中使用过jquery，但是也仅限于一些比较特殊的场景。整个项目仍然是以vue soit le noyau.

Donc, si vous souhaitez utiliser vue pour reconstruire un ancien projet, la partie html ne changera peut-être pas grand-chose, mais la logique du code métier doit fondamentalement être complètement bouleversée et repensée.

Answer 2

vue ne prend en charge que les navigateurs supérieurs à IE9, jQuery peut prendre en charge IE6, veuillez faire attention s'il existe une exigence de version du navigateur

Answer 3

Si vous avez implémenté un framework simple similaire, vous constaterez que la différence essentielle entre Vue et jQuery réside dans les différentes manières d'organiser la logique de l'interface utilisateur.

jQuery est purement une collection de sucre syntaxique pour l'API DOM d'origine, tandis que Vue est un framework qui met l'accent sur la séparation de la logique [modèle HTML] et [interaction UI] via la forme organisationnelle de MVVM (pas MVC !). La syntaxe de liaison de données de MVVM fait que lorsque Vue est introduit dans un ancien projet, son organisation de code (en fait beaucoup plus avancée) exclura fortement jQuery (en d'autres termes, il n'est fondamentalement pas nécessaire d'utiliser jQuery dans les projets qui utilisent Vue), la coexistence des deux n'est pas un bon choix).

À l'heure actuelle, une solution propice à l'amélioration de l'efficacité sans être trop radicale consiste à introduire un [cadre MVC simple qui peut optimiser la structure organisationnelle du code jQuery noodle]. Ce cadre n'a pas la syntaxe fournie avec les frameworks VM, et la logique correspondante doit toujours être implémentée à l'aide de jQuery. Dans le même temps, ce type de framework est également beaucoup plus léger que Vue. Par exemple, Backbone ne fait que 10 Ko. Il est recommandé de l’introduire progressivement comme solution d’optimisation dans les anciens projets.

Answer 4

Reconstruction partielle, reconstruction partielle de module ou reconstruction partielle de plug-in, pour assurer le fonctionnement normal du projet, la pièce sera jQuery替换vue