Bonjour! Il y avait un certain temps libre, j'ai donc décidé de continuer à travailler sur les traductions. L'article précédent se trouve sur
ce lien .
L'auteur, dont je traduirai l'article aujourd'hui, est l'un de mes favoris. Je conseille à tous
le blog de Maximillian sur le Medium .
Je vous rappelle que je recherche une traduction littérale et que j'essaie de transmettre l'essence. C'est parti!
v-show sur la balise de modèle
La directive v-show modifie la propriété d'affichage de l'élément cible, mais la balise de modèle ne crée pas d'élément dans le DOM, donc la directive n'a rien à attacher. Utilisez v-if au lieu de v-show sur la balise de modèle ou remplacez-le par un div.
D'un traducteur: si j'ai besoin d'utiliser v-show, par exemple, pour des raisons de performances, je le suspend généralement sur le bloc d'entité BEM à l'intérieur de la balise de modèle. Cela me semble pratique.
Pourquoi l'élément dans ref n'est pas défini?
Cette situation peut se produire si vous accédez via un élément qui n'est pas encore rendu par Vue via ref. Par exemple, la directive
v-if = false bloque sur son ancêtre.
Cette situation peut être corrigée en remplaçant v-if par v-show, ou attendez que l'élément soit rendu (en définissant watcher sur v-if content).
Mise à jour de la propriété dans l'état Vuex
Au fil du temps, votre application devient plus complexe et vous êtes plus susceptible de voir les mêmes propriétés dans Vuex. Cela peut souvent entraîner la mise à jour des propriétés incorrectes lors de la mutation.
La solution au problème réside davantage dans le domaine de l'architecture:
a. sélectionner des propriétés plus uniques qui reflètent leur essence
b. éviter une imbrication excessive dans les propriétés
Depuis un traducteur: utilisez l'
espace de
noms dans Vuex. Je ne sais pas pourquoi Maximilien n'a pas mentionné cela.