Tela de Login HTML + CSS + Javascript – Parte 2
Introdução Nos artigos passados, mostrei como criar uma tela de login, caso você não tenha visto, pode acessar neste link. …
Categoria: Front-end
Como utilizar o vue-sweetalert2
Introdução O vue-sweetalert2 é uma biblioteca para o VueJS que é utilizada para exibir alertas na tela. É uma biblioteca …
Como utilizar o breadcrumb do BootstrapVue
Introdução O breadcrumb é um componente do BootstrapVue utilizado para indicar um “caminho” de páginas para o usuário. Imagine em …
Estruturas de repetição For, For … in e For … of Javascript
Introdução As estruturas de repetição, são utilizadas para percorrer estruturas de dados como arrays ou objetos. Praticamente todos os sistemas …
Como utilizar os botões do BootstrapVue
Introdução Os botões são um recurso necessário em todos os sistemas, com eles é possível enviar formulários para salvar e …
Como usar o list-group do BootstrapVue
Introdução O list-group é um componente flexível e que pode ser utilizado principalmente de duas formas, exibir conteúdos em série, …
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.
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 – 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.