Trabalhando com textarea em Vue
Trabalhar com textarea
ocorre exatamente da mesma maneira que com
inputs - através da diretiva
v-model. Vamos ver
na prática. Vamos criar uma propriedade,
que vincularemos à nossa
tag:
data() {
return {
text: '',
}
}
Vamos vincular a propriedade à tag:
<template>
<textarea v-model="text"></textarea>
</template>
Vamos também criar um parágrafo no qual o texto digitado será exibido:
<template>
<textarea v-model="text"></textarea>
<p>{{ text }}</p>
</template>
É dado um textarea. Faça com que ao digitar
texto neste textarea, este texto seja simultaneamente
exibido no parágrafo abaixo dele.
É dado um botão textarea. Nele é inserido
texto. Ao clicar no botão, obtenha um array
das palavras inseridas e exiba os elementos
desse array na forma de uma lista ul.
