Дар Vue ҷараёни яксӯяи додаҳо
Ҳамаи параметрҳои вурудӣ байни хусусияти фарзанд ва волидайн пайванди якҷонибаро ташкил медиҳанд: вақте ки хусусияти волидайн нав карда мешавад – он ба фарзанд интиқол дода мешавад, вале акси он нест. Ин аз тағйири тасодуфии ҳолати волидайн аз ҷониби компонентҳои фарзанд пешгирӣ мекунад, ки метавонад дарки ҷараёни додаҳои барномаи шуморо душвор созад.
Илова бар ин, ҳар вақте ки компоненти волидайн нав карда мешавад, ҳамаи параметрҳои вурудии компоненти фарзанд бо қиматҳои ҷории нав карда мешаванд. Ин маънои онро дорад, ки шумо набояд кӯшиш кунед, ки параметри вурудӣ дар дохили компоненти фарзанд тағйир диҳед. Агар шумо ин корро кунед, Vue дар консол огоҳӣ нишон медиҳад.
Одатан ду ҳолат мавҷуданд, ки вақте ки вайронии тағйири параметри вурудӣ ба миён меояд. Биёед онҳоро баррасӣ кунем.
Ҳолати якум
Параметри вурудӣ барои интиқоли қимати ибтидоӣ истифода мешавад; компоненти фарзанд мехоҳад онро ҳамчун хусусияти маҳаллии додаҳо дар оянда истифода барад. Дар ин ҳолат, беҳтарин аст, ки хусусияти маҳаллиеро дар додаҳо муайян кунед, ки қимати параметри вурудӣро ҳамчун ибтидоӣ истифода мебарад:
props: ['initialCounter'],
data() {
return {
counter: this.initialCounter
};
}
Ҳолати дуюм
Параметри вурудӣ ҳамчун қимати хоми корнашуда интиқол дода мешавад, ки бояд табдил дода шавад. Дар ин ҳолат, беҳтарин аст, ки хусусияти ҳисобкардашудаеро бо истифода аз параметри вурудӣ муайян кунед:
props: ['size'],
computed: {
normalizedSize: function() {
return this.size.trim().toLowerCase();
}
}
Тавзеҳ
Диққат кунед, ки объектҳо ва массивҳо дар JavaScript бо истинод интиқол дода мешаванд, бинобар ин агар параметри вурудӣ массив ё объект бошад, он гоҳ тағйирот дар дохили он объект ё массив дар компоненти фарзанд ба ҳолати волидайн таъсир мерасонад ва Vue қобили огоҳ кардан дар ин бора нест. Бояд аз ҳар гуна мутатсияи параметрҳои вурудӣ, аз ҷумла объектҳо ва массивҳо, ҷилавгирӣ кард, зеро нодида гирифтани пайванди якҷонибаи додаҳо метавонад ба натиҷаҳои номатлуб оварда расонад.
