Pourquoi vue utilise la configuration

Dans Vue, la configuration est utilisée pour encapsuler la réutilisation ; la configuration est conçue pour utiliser des API combinées. Lorsque les composants deviennent plus volumineux, la liste des problèmes logiques s'allonge également, ce qui rend les composants difficiles à lire et à comprendre. Grâce à la configuration, cette partie peut être. extrait dans une fonction, vous n'avez donc pas à vous soucier de la logique de cette partie.

L'environnement d'exploitation de cet article : système Windows 10, Vue version 2.9.6, ordinateur DELL G3.

Pourquoi vue utilise setup

• À quoi sert setup dans vue3 ?

setup est conçu pour utiliser l'API combinée

• Pourquoi ne pas utiliser les options des composants précédents

données calculées , méthodes, veillez à ce que la logique organisationnelle fonctionne dans la plupart des cas. Cependant, à mesure que nos composants grandissent, la liste des préoccupations logiques s’allonge également. Cela peut donner lieu à des composants difficiles à lire et à comprendre, en particulier pour ceux qui ne les ont pas écrits au départ. Grâce au setup, cette partie peut être extraite dans une fonction, afin que les autres développeurs n'aient pas besoin de se soucier de cette partie de la logique

• La position du setup dans le cycle de vie de la vue

setup est située juste avant. Created et beforeCreated, utilisés pour les remplacements Created et BeforeCreated, mais cela n'est pas accessible dans la fonction de configuration. De plus, l'ensemble du cycle de vie peut être exploité via les hooks suivants dans la configuration. Quels paramètres la configuration peut-elle recevoir ? peut accepter des accessoires et du contexte, parmi lesquels les accessoires sont dus à Ce sont des données réactives et ne peuvent pas être directement déconstruites et attribuées. Le contexte n'est pas des données réactives et peut être directement déconstruit et attribué. La configuration doit renvoyer un objet. utilisé comme vue2.x

props:['test']
setup(props,context){
//const {test} = props //错
const {test} = toRefs(props) //对
const { attrs, slots, emit }= context //对
  return {
    test
  }
}

Priority, if data, Les accessoires et la configuration ont tous deux un attribut du même nom. L'attribut renvoyé par setup a la priorité la plus élevée. En prenant le code suivant comme exemple, il sera affiché : test from. configuration de son

• Afin d'encapsuler la réutilisabilité

Un projet ou une application ne peut pas seulement parler de mise en œuvre, mais aussi Nous devons considérer l'intégration continue et la collaboration entre plusieurs personnes. Dans le passé, la complexité commerciale du front-end était trop faible. , vous avez donc utilisé la création de composants ou avez eu des difficultés avec la dernière gestion globale de l'état. Cela peut résoudre le problème, et cela demande tout au plus un peu d'effort. Mais ce n'est pas bon maintenant. L'appel d'interface avant et après est trop de gaspillage d'efficacité, donc. il est très nécessaire d'avoir une meilleure architecture pour que le front-end puisse avoir un support complet de la réutilisabilité de l'encapsulation (c'est-à-dire des capacités de programmation complètes), afin qu'il puisse occuper la position du service de visualisation dans le cluster

【Connexe recommandé : "

Tutoriel vue.js

"]

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!