Uwepesi wa Majibu katika Mfumo wa Vue

Mabadiliko yoyote ya data kutoka data husababisha mabadiliko ya papo hapo ya kuonyesha data hiyo kwenye ukurasa. Tabia hii ya Vue inaitwa uwepesi wa majibu.

Hebu tuangalie kwa vitendo. Tuchukulie tuna sifa ifuatayo:

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

Tuonyeshe thamani ya sifa hii:

<template>
	{{ text }}
</template>

Tutengeneze kifungo, ubonyeze ambao itasababisha kubadilisha sifa yetu:

<template>
	{{ text }}
	<button @click="change">text</button>
</template>

Sasa tuandike mbinu ambayo itaitwa kwa kubonyeza kifungo na kubadilisha sifa:

methods: {
	change: function() {
		this.text = 'yyy';
	}
}

Ukikusanya msimbo wote pamoja na kubonyeza kifungo - maandishi kwenye skrini kwa uwepesi wa majibu yatabadilika kuwa mengine.

Imetolewa sifa text. Onyeshe yaliyomo ya sifa hii kwenye aina yoyote ya aya.

Imetolewa kifungo. Fanya ili kubonyeza kifungo hiki thamani ya sifa text ibadilike kwa uwepesi wa majibu kuwa nyingine.

Yametolewa mafungo mawili. Fanya ili kubonyeza kifungo cha kwanza thamani ya sifa text ibadilike kwa uwepesi wa majibu kuwa thamani moja, na kwa kubonyeza cha pili - kuwa nyingine.