Como fazer filtro em listas com VueJS
Introdução Praticamente todo sistema web tem uma listagem para algo. E ter o filtro facilita muito para o usuário localizar as informações desejadas, e isso… Continue a ler »Como fazer filtro em listas com VueJS
VueJS
Como utilizar o vue-sweetalert2
Introdução O vue-sweetalert2 é uma biblioteca para o VueJS que é utilizada para exibir alertas na tela. É uma biblioteca muito útil, todo sistema deve… Continue a ler »Como utilizar o vue-sweetalert2
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.
BootstrapVue Avatar o que é e como usar
O avatar é um componente do BootstrapVue que é utilizado normalmente para colocar fotos de perfil dos usuários que pode ser um ícone, um texto ou até uma foto.
É um componente bem leve, e mais um dos componentes que não tem no Bootstrap, porém foi implementado no BootstrapVue, e é um componente muito útil.
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.
Vuelidate: validação de formulário VueJS
O Vuelidate é uma biblioteca do VueJS que foi criada para realizar a validação de formulários.
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.
Vue 3 – Teleport
O Teleport é mais uma das features do Vue 3. Basicamente falando, o Teleport possibilita que seja renderizado um componente em outro lugar da tela.
Suspense – Vue 3
O suspense é uma featured que foi implementada no Vue 3. O suspense é um componente especial como o transition, e pode ser utilizado para colocar um “loading” na tela enquanto um componente não carrega por completo.
BootstrapVue Modal
Modal é uma caixa de diálogo flexível e estilizável que pode ter vários casos de uso, como por exemplo, aviso aos usuários, confirmação de exclusão, edição rápida de conteúdo e muito mais.
Como utilizar o BootstrapVue
O BootstrapVue é um framework css que juntou as funcionalidades do já existente Bootstrap, e adaptou para o VueJS, e isso possibilita criar sites e sistemas responsivos e aproveitando ainda melhor o VueJS com o framework.