Vue.set e atributo contendo caracter $ ou _ no início do nome

image_pdfimage_print

No Vue.js, cuidado ao utilizar o a função Vue.set para inicializar variáveis contendo caracter $ ou _ no início do nome para serem observadas e serem ‘reativas’, visto que as mesmas se estiverem sendo adicionadas numa instância Vue, serão adicionadas a VueInstance.$data, mas não serão adicionadas a Vueinstance, fazendo com que algumas directives e acessos reativos a váriavel adicionada por partes do programa não funcionem corretamente.

Um exemplo é o v-for, interpolation {{var_name}} que não irão funcionar. Caso tenha este problema, basta mudar o nome da variável e não fazer uso destes caracteres reservados na primeira letra do nome da variável. Exemplos que ilustram este erro.

Vue.set(this.vm,’__nao_irei_funcionar_corretamente’,’valor’);

Vue.set(this.vm,’_nao_irei_funcionar_corretamente’,{object_muitos_niveis});

Gostou? Tire um minutinho e dê sua contribuição para Drall Dev Community no Patreon!