Bom dia Havia um certo tempo livre, então decidi continuar trabalhando nas traduções. O artigo anterior pode ser encontrado
neste link .
O autor, cujo artigo vou traduzir hoje, é um dos meus favoritos. Aconselho a todos
no blog de Maximillian no Medium .
Lembro que busco tradução literal e tento transmitir a essência. Vamos lá!
v-show na tag do modelo
A diretiva v-show altera a propriedade de exibição do elemento de destino, mas a tag template não cria um elemento no DOM, portanto, a diretiva não tem nada a que anexar. Use v-if em vez de v-show na tag template ou substitua-a por uma div.
De um tradutor: se eu precisar usar o v-show, por exemplo, por razões de desempenho, geralmente o penduro no bloco da entidade BEM dentro da tag do modelo. Parece-me conveniente.
Por que o elemento ref não está definido?
Essa situação pode ocorrer se você acessar através de um elemento que ainda não foi renderizado pelo Vue por meio de ref. Por exemplo, a diretiva
v-if = false permanece em seu ancestral.
Essa situação pode ser corrigida substituindo v-if por v-show ou aguarde a renderização do item (configurando watcher como conteúdo v-if).
Atualização da propriedade no estado Vuex
Com o tempo, seu aplicativo se torna mais complexo e é mais provável que você veja as mesmas propriedades no Vuex. Isso geralmente pode causar a atualização das propriedades incorretas durante a mutação.
A solução para o problema está mais no campo da arquitetura:
a. selecione mais propriedades únicas que refletem sua essência
b. evitar aninhamento excessivo nas propriedades
De um tradutor: use o
namespace no Vuex. Não sei por que Maximilian não mencionou isso.