Read more about the article Renderização condicional (v-if v-else e v-show) VueJS
condicional

Renderização condicional (v-if v-else e v-show) VueJS

A renderização condicional é utilizada para exibir ou esconder algum código de acordo com uma condição, e o VueJS só mostrará um determinado elemento na tela caso atenda a alguma condição. Há situações onde é preciso mostrar algo, somente dependendo de alguma condição específica, por exemplo, no sistema há dois níveis de usuário, administrador e colaborador, no caso, somente o administrador pode ter acesso aos relatórios, então não é conveniente deixar no menu a opção de relatórios quando um colaborador está logado, é possível resolver isso com renderização condicional.

Continuar lendoRenderização condicional (v-if v-else e v-show) VueJS
Read more about the article Formatar inputs VueJS com v-mask
v-mask

Formatar inputs VueJS com v-mask

O v-mask é uma biblioteca que pode ser utilizada no VueJS para colocar formatação de dados em campos, como formatação de CPF, telefone, cartão de crédito, data e entre outros. Colocar máscara nos campos é muito importante, pois isso melhora demais a usabilidade do software, ou seja, fica mais fácil do usuário entender, qual valor de entrada de um determinado campo. Por exemplo, sem a máscara em um campo de CPF, um usuário pode colocar com os pontos, outro pode colocar sem os pontos, outro pode colocar os pontos e esquecer o traço e por ai vai.

Continuar lendoFormatar inputs VueJS com v-mask
Read more about the article Vue 3 – Fragments
fragments vue 3

Vue 3 – Fragments

O Fragments é mais uma das novas features do Vue 3, e ela resolve um "problema" existente no Vue 2, que não é tanto um problema, mas não era possível fazer. Essa feature foi incorporada de algo que já tinha no React, e a motivação para ter essa funcionalidade no React foi a possibilidade de um componente retornar uma lista de filhos, como por exemplo as colunas de uma tabela.

Continuar lendoVue 3 – Fragments