Comunicação e Troca de Dados entre Componentes no Vue.js
Fluxo de Dados de Pai para Filho
A transferência de informações de um componente pai para um filho é realizada através de propriedades (props). O pai vincula os dados como atributos, e o filho os declara para recebê-los.
<div id="application">
<!-- Passando um valor estático -->
<user-profile username="V ...
Publicado em 7-16 03:37
Componentes no Vue.js: Comunicação, Slots e Animações
Criando Componentes Vue
Um componante Vue é definido em um único arquivo com extensão .vue, contendo template, script e estilos.
Criando e Registrando um Componente
Crie o arquivo src/components/Saudacao.vue:
<template>
<div class="saudacao">
<p>{{ mensagem }}</p>
</div>
</template>
<scr ...
Publicado em 6-26 19:42
Vinculação Bidirecional com v-model em Componentes Vue.js e Modificadores Personalizados
Implementando v-model em Componentes Vue
Observação importante: O v-model funciona apenas com dados reativos do tipo ref. Não é possível utilizar diretamente com objetos reactive, pois a sincronização automática não ocorre nesse caso.
Abordagem 1: Vinculação Padrrão de um Campo
Criando o componente filho FormField.vue:
<template>
<di ...
Publicado em 6-23 06:28