Εργασία με textarea στο Vue

Η εργασία με το textarea γίνεται ακριβώς με τον ίδιο τρόπο, όπως και με τα input - μέσω της directive v-model. Ας δούμε πρακτικά. Ας φτιάξουμε μια ιδιότητα, που θα δέσουμε στην ετικέτα μας:

data() {
	return {
		text: '',
	}
}

Ας δέσουμε την ιδιότητα στην ετικέτα:

<template>
	<textarea v-model="text"></textarea>
</template>

Ας φτιάξουμε επίσης και μια παράγραφο, στην οποία θα εμφανίζεται το κείμενο που πληκτρολογείται:

<template>
	<textarea v-model="text"></textarea>
	<p>{{ text }}</p>
</template>

Δίνεται ένα textarea. Κάντε το έτσι ώστε κατά την πληκτρολόγηση κειμένου σε αυτό το textarea, αυτό το κείμενο ταυτόχρονα να εμφανίζεται στην παράγραφο κάτω από αυτό.

Δίνεται ένα textarea. Σε αυτό πληκτρολογείται κείμενο. Πατώντας ένα κουμπί λάβετε έναν πίνακα των λέξεων που εισήχθησαν και εμφανίστε τα στοιχεία αυτού του πίνακα ως μια λίστα ul.