Добивање на податоци од форма по настан во Vue

Нека имаме копче и поле за внесување, во кое се внесува број. Ајде при притискање на копчето да го прикажеме квадратот на бројот внесен во полето. Да започнеме со имплементацијата.

За решавање на задачата ќе ни требаат две својства. Својството num ќе се менува при внесување на податоци во полето, а во својството res ќе го запишуваме резултатот од подигање на квадрат:

data() {
	return {
		num: 0,
		res: 0
	}
}

Ајде сега да направиме поле за внесување, да го поврземе со својството num, да направиме копче, при клик на кое ќе се изврши методот calc, и да направиме исто така параграф, во кој ќе се прикажува резултатот:

<template>
	<p>{{ res }}</p>
	<input v-model="num">
	<button v-on:click="calc">work</button>
</template>

Ајде да ја напишеме имплементацијата на методот calc:

methods: {
	calc: function() {
		this.res = this.num ** 2;
	}
}

Ќе се добие дека штом ќе се повика методот calc (а тоа ќе се случи при притискање на копчето), во својството res ќе се запише резултатот и при тоа истовремено ќе се прикаже во нашиот параграф.

Дадено е поле за внесување. Дадено е копче. Даден е параграф. Во полето се внесува број. Направете така што при притискање на копчето во параграфот да се појави квадратен корен од тој број.

Дадени се две полиња за внесување. Дадено е копче. Даден е параграф. Во секое поле се внесуваат броеви. Направете така, што при притискање на копчето во параграфот да се појави збирот на овие броеви.

Дадени се две полиња за внесување. Дадено е копче. Во секое поле се внесува некој текст. Направете така што при притискање на копчето текстот од првото поле да се стави во второто и обратно.

Дадено е поле за внесување, 3 параграфи и копче. Во полето се внесува целото име на корисникот преку празно место. Направете така што при притискање на копчето во првиот параграф да се појави презимето на корисникот, во вториот - името, а во третиот - прекарот.