Pular para o conteúdo

VueJS

condicional

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

  • por

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.

avatar

BootstrapVue Avatar o que é e como usar

  • por

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.

v-mask

Formatar inputs VueJS com v-mask

  • por

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.

fragments vue 3

Vue 3 – Fragments

  • por

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.

teleport vue 3

Vue 3 – Teleport

  • por

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

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.

bootstrap-vue modal

BootstrapVue Modal

  • por

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.

bootstrapvue

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.

Usamos cookies para lhe proporcionar a melhor experiência possível no nosso site. Ao continuar a usar este site, você concorda com o uso de cookies.
Ok