Vue හි තනි-දිශා දත්ත ගලායාම
සියලුම ප්රවේශ පරාමිතීන් දළ සැකසුම් දේපල සහ මාපිය දේපල අතර එක්-මාර්ග බැඳීමක් ඇති කරයි: මාපිය දේපල යාවත්කාලීන කළ විට, එය දළ සැකසුමට යවනු ලැබේ, නමුත් අනෙක් ආකාරයෙන් නොවේ. මෙය දළ සංරචක මගින් මාපිය තත්වය අවස්ථිති වශයෙන් වෙනස් කිරීම වළක්වයි, එය ඔබගේ යෙදුමේ දත්ත ගලායාම තේරුම් ගැනීමට අපහසු කළ හැකිය.
ඊට අමතරව, සෑම අවස්ථාවකදීම මාපිය සංරචකය යාවත්කාලීන කළ විට, දළ සංරචකයේ සියලුම ප්රවේශ පරාමිතීන් යාවත්කාලීන කරන ලද අගයන් සමඟ යාවත්කාලීන වේ. මෙයින් අදහස් කරන්නේ ඔබ දළ සංරචකය තුළ ප්රවේශ පරාමිතිය වෙනස් කිරීමට උත්සාහ නොකළ යුතු බවයි. ඔබ එසේ කළහොත්, Vue කොන්සෝලයේ අනතුරු ඇඟවීමක් ප්රදර්ශනය කරයි.
සාමාන්යයෙන් ප්රවේශ පරාමිතිය වෙනස් කිරීමට පෙළඹෙන අවස්ථා දෙකක් හමුවේ. අපි ඒවා සලකා බලමු.
පළමු අවස්ථාව
ප්රවේශ පරාමිතිය ආරම්භක අගයක් යැවීම සඳහා භාවිතා වේ; දළ සංරචකයට එය අනාගතයේ දත්තවල දේශීය දේපලක් ලෙස භාවිතා කිරීමට අවශ්ය වේ. මෙම අවස්ථාවේ දී, දත්තවල දේශීය දේපලක් නිර්වචනය කිරීම හොඳම වේ, එය ආරම්භක අගය ලෙස ප්රවේශ පරාමිතියේ අගය භාවිතා කරයි:
props: ['initialCounter'],
data() {
return {
counter: this.initialCounter
};
}
දෙවන අවස්ථාව
ප්රවේශ පරාමිතිය කැක්කාම් අගයක් ලෙස යවනු ලැබේ, එය පරිවර්තනය කිරීමට අවශ්ය වේ. මෙම අවස්ථාවේ දී, ප්රවේශ පරාමිතිය භාවිතා කරමින් ගණනය කළ දේපලක් නිර්වචනය කිරීම හොඳම වේ:
props: ['size'],
computed: {
normalizedSize: function() {
return this.size.trim().toLowerCase();
}
}
සටහන
සටහන් කරන්න, JavaScript හි වස්තු සහ අරා යොමුව අනුව යවනු ලබන බව, එබැවින් ප්රවේශ පරාමිතිය අරයක් හෝ වස්තුවක් නම්, දළ සංරචකය තුළ එම වස්තුවේ හෝ අරයේ වෙනස්කම් මාපියයාගේ තත්වයට බලපානු ඇති අතර Vue එය පිළිබඳව ඔබට අනතුරු ඇඟවීමට නොහැකි ය. ප්රවේශ පරාමිතීන්වල ඕනෑම පරිවර්තනයක් වළක්වා ගත යුතුය, වස්තු සහ අර ඇතුළුව, මන්ද එක්-මාර්ග දත්ත බැඳීම නොසලකා හැරීම අනපේක්ෂිත ප්රතිඵල වලට තුඩු දිය හැකිය.
