Vue-daky hasaplaýýan aýratynlyklar

Başga aýratynlyklaryň esasynda reaksiýaly görnüşde hasaplanyp bilerýän aýratynlyklary belgip bileris. Şeýle aýratynlyklar hasaplaýýan diýilip atlandyrylýar. Olar sazlama computed ýerleşýär.

Mysal üçin garaýaly. Aýratynlyklarda ulanyjynyň ady we familiýasy saklanylyr diýeliň:

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

Geliň, doly ady we familiýany öz içine alýan full aýratynlygyny düzedeliň:

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

Bizim aýratynlyklarymyzyň mazmunyny görnüşde görkezeliň:

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

Hasaplaýýan aýratynlyklar reaksiýaly üýtgeýär. Bu ýagny, eger biz ady ýa-da familiýany üýtgetsek, full aýratynlygymyz awtomatiki reaksiýaly üýtgerer we üýtgeşmeleri derrew ekranda göreris.

cost aýratynlygynda önümiň bahasy saklanylyr diýeliň, amount aýratynlygynda bolsa - şol önümleriň sany. Hasaplaýýan aýratynlyk price düzüň, bu önümleriň jemi bahasyny (başa bölek bahasy köpeldilen sany) öz içine alsyn.

cost aýratynlygyny üýtgedýän basylýan düwmäni düzüň. Hasaplaýýan aýratynlygyň şonda hem üýtgendigini barlap görüň.