Vue හි ගණනය කළ හැකි ගුණාංග

වෙනත් ගුණාංග මත පදනම්ව ප්‍රතික්‍රියාශීලීව ගණනය කරනු ලබන ගුණාංග සකස් කළ හැකිය. එවැනි ගුණාංග ගණනය කළ හැකි ලෙස හැඳින්වේ. ඒවා සැකසුමේ computed වෙත පිහිටා ඇත.

අපි උදාහරණයක් බලමු. ගුණාංග තුළ ගබඩා වී ඇතැයි සිතමු පරිශීලකයාගේ නම සහ අන්වර්ථ නාමය:

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

අපි ගුණාංගයක් සාදා ගනිමු full, එය වනු ඇත අන්වර්ථ නාමය සමඟ සම්පූර්ණ නම අඩංගු වේ:

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

අපගේ ගුණාංගවල අන්තර්ගතය නිරූපණය තුළ ප්‍රදර්ශනය කරමු:

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

ගණනය කළ හැකි ගුණාංග වෙනස් වේ ප්‍රතික්‍රියාශීලීව. එනම්, අපි නම හෝ අන්වර්ථ නාමය වෙනස් කළහොත්, එවිට අපගේ ගුණාංග full ස්වයංක්‍රීයව ප්‍රතික්‍රියාශීලීව වෙනස් වනු ඇත අපි වෙනස්කම් වහාම දකිනු ඇත තිරය මත.

ගුණාංගය තුළ තබා ගන්න cost නිෂ්පාදනයක මිල ගබඩා වේ, සහ ගුණාංගය තුළ amount - ප්‍රමාණය මෙම නිෂ්පාදන. ගණනය කළ හැකි එකක් සාදන්න ගුණාංග price, එය සම්පූර්ණ අඩංගු වනු ඇත නිෂ්පාදනවල වටිනාකම (මිල ගුණ කරන්න ප්‍රමාණයෙන්)

බොත්තමක් සාදන්න, ක්ලික් කිරීම ගුණාංගය වෙනස් කරනු ඇත cost. ගණනය කළ ගුණාංගය පරීක්ෂා කරන්න එම සමයේදී ද වෙනස් වනු ඇත.