Mtiririko wa Data Uelekeo Mmoja katika Vue
Vigezo vyote vya kuingiza huunda muunganisho wa mwelekeo mmoja kati ya sifa ya mtoto na ya mzazi: wakati sifa ya mzazi inasasishwa - itapelekwa kwa mtoto, lakini si kinyume. Hii inazuia mabadiliko ya bahati nasibu na vipengele vya watoto kwa hali ya mzazi, ambayo inaweza kufanya uelewevu wa mtiririko wa data wa programu yako kuwa mgumu.
Zaidi ya hayo, kila wakati kipengele kizazi kipya kinasasishwa, vigezo vyote vya kuingiza vya kipengele cha mtoto vitasasishwa kwa maadili halisi. Hii inamaanisha kuwa haupaswi kujaribu kubadilisha kigezo cha kuingiza ndani ya kipengele cha mtoto. Ukifanya hivyo, Vue itaonyesha onyo kwenye konsoli.
Kwa kawaida kuna kesi mbili zinazokutana, ambapo kulikuwa na kiusihi kubadilisha kigezo cha kuingiza. Hebu tuzichunguze.
Kesi ya kwanza
Kigezo cha kuingiza kinatumiwa kupitisha thamani ya awali; kipengele cha mtoto kinataka kuitumia kama sifa ya data ya ndani baadaye. Katika kesi hii, ni bora kufafanua sifa ya ndani katika data ambayo inatumia thamani ya kigezo cha kuingiza kama ya awali:
props: ['initialCounter'],
data() {
return {
counter: this.initialCounter
};
}
Kesi ya pili
Kigezo cha kuingiza kinapitishwa kama thamani ghafi, ambayo inahitaji kubadilishwa. Katika kesi hii, ni bora kufafanua sifa iliyohesabiwa kwa kutumia kigezo cha kuingiza:
props: ['size'],
computed: {
normalizedSize: function() {
return this.size.trim().toLowerCase();
}
}
Uzingatio
Kumbuka kuwa vitu na safu (arrays) katika JavaScript hupitishwa kwa kumbukumbu (reference), kwa hivyo ikiwa kigezo cha kuingiza ni safu au kitu, basi mabadiliko ndani ya kipengele cha mtoto cha kitu hicho au safu yataathiri hali ya mzazi na Vue haiwezi kuonya juu ya hili. Inapaswa kuepukwa mabadiliko yoyote ya vigezo vya kuingiza, pamoja na vitu na safu, kwamba kupuuza kuunganisha data kwa mwelekeo mmoja kunaweza kusababisha matokeo yasiyotakikana.
