7 - Form Input bidings

Question 1

O que é v-model em Vue?

Answer 1

É uma diretiva usada para criar two-way data biding entre uma variável e um campo HTML, de modo que seu valor seja sincronizado

Question 2

O v-model é syntatic sugar de qual estrutura / expressão?

Answer 2

O v-model abstrai a passagem de valor através de uma propriedade value e o seu respectivo evento de atualização com @input, no caso de inputs. Para checkboxes e radios a propriedade é checked e o evento é o change e para selects a propriedade é value e o evento é o change.

Question 3

Em um componente personalizado, qual evento o v-model “observa” por padrão?

Answer 3

Observa o evento @update:modelValue

Question 4

O que faz o modifier “lazy” do v-model?

Answer 4

Por padrão o v-model atualiza os dados após cada input. Com o modificador “lazy”, o v-model passa a atualizar com o evento “change”

Question 5

O que faz o modifier “lazy” do v-model?

Answer 5

Ele faz cast do valor do input para o tipo Number. Esse modifier é aplicado automaticamente quando o input tem “type=’‘number’’”

Question 6

O que faz o modifier “lazy” do v-model?

Answer 6

Remove os espaços em branco do início e fim das strings