Seu próximo nível começa aqui
Seu desenvolvimento não pode ter limites. Garanta sua Assinatura Ilimitada e libere uma preparação completa com os melhores professores do Brasil.
Analise o trecho de código apresentado na Figura 5 abaixo...
Analise o trecho de código apresentado na Figura 5 abaixo, retirado de uma aplicação VueJS:
<html>
<head>
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></
</
<body>
<div id="app">
<input type="radio" id="A" value="A" v-model="escolhida">
<label for="one">A</
<br>
<input type="radio" id="B" value="B" v-model="escolhida">
<label for="B">B</
<br>
<input type="radio" id="C" value="C" v-model="escolhida">
<label for="C">C</
<br><br>
<span>Alternativa escolhida: <strong>{{ escolhida }}<strong></
</
<script>
var app = new Vue({
el: '#app',
data: {
escolhida: 'Nenhuma'
}
})
</
</
Figura 5
É correto afirmar que:
A
Para que uma mensagem apareça corretamente no navegador com o valor do “radio button” selecionado, é necessário implementar um “listener” vinculado ao evento “onchange”.
B
VueJS faz uma ligação unidirecional entre o valor e o banco de dados por meio da diretiva “v-model”.
C
VueJS faz uma ligação bidirecional entre o valor e a camada de acesso ao banco de dados por meio da diretiva “v-model”.
D
VueJS faz uma ligação bidirecional entre o valor dos elementos “input” e os dados, ao mesmo tempo em que mostra o valor na tela utilizando sintaxe de template.
E
VueJS faz uma ligação bidirecional entre o valor e os dados e os elementos “input”, mas é necessário utilizar a propriedade “computed” do componente “app” no lugar da propriedade “data”.