Sifa Zilizohesabiwa katika Vue

Inawezekana kuweka sifa ambazo zitahesabiwa kwa njia ya kirekebisho kwa msingi wa sifa zingine. Sifa kama hizi zinaitwa sifa zilizohesabiwa. Zinapatikana katika usanidi wa computed.

Tuangalie kwa mfano. Wacha katika sifa ihifadhiwe jina la kwanza na jina la ukoo la mtumiaji:

data() {
	return {
		name: 'john',
		surn: 'smit',
	}
}

Wacha tufanye sifa full, ambayo itakuwa ina jina kamili pamoja na jina la ukoo:

computed: {
	full: function() {
		return this.name + ' ' + this.surn;
	}
}

Tuonyeshe kwenye muonekano yaliyomo katika sifa zetu:

<template>
	<p>{{ name }}</p>
	<p>{{ surn }}</p>
	<p>{{ full }}</p>
</template>

Sifa zilizohesabiwa hubadilika kwa njia ya kirekebisho. Hii inamaanisha kuwa ikiwa tutabadilisha jina la kwanza au jina la ukoo, basia sifa yetu full kiotomatiki itabadilika kwa kurekebisha na mara moja tutaona mabadiliko kwenye skrini.

Wacha katika sifa cost ihifadhiwe bei ya bidhaa, na katika sifa amount - idadi ya bidhaa hizi. Fanya sifa iliyohesabiwa price, ambayo itakuwa na jumla ya thamani ya bidhaa (bei ikizidishwa kwa kiasi)

Fanya kifungo, ubofye ambao utabadilisha sifa cost. Hakikisha kuwa sifa iliyohesabiwa pia itabadilika wakati huo.