Maison > Article > interface Web > 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.
À 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 } }
Afin d'encapsuler la réutilisabilité
【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!