Када је реч о прорачуну угнежђених или дубоких типова података попут низова или објеката, Вуе.јс или било који други програмски језик не открива аутоматски хијерархијску промену података. Међутим, сви знамо да је Вуе.јс пружа сат и прорачуната својства за извођење неких променљивих променљивих. Али што се тиче угнежђених промена података, Вуе.јс то не открива. Овај пост ће научити да врши неке промене гледајући угнежђене податке низова или објеката.
Пре учења о гледању угнежђених података у Вуе-у.јс, хајде да прво схватимо како функционише својство сата?
Ватцх Проперти
Својство ватцх се користи за гледање променљиве и омогућава кориснику да извршава неке жељене задатке на промени променљиве.
Пример: Пазите на променљиву
На пример, при промени неке променљиве желимо нешто да утешимо. Синтакса за писање таквог кода у Вуеу ићи ће овако:
Ово је страница за тестирање
Након писања горњег кода, веб страница би била оваква.
Ако кликнемо на дугме, стање „боолВар“ би требало променити због атрибута дугмета на тастеру, а сат би требао аутоматски открити промену у „боолВар“ и приказати низ порука на конзоли.
Радило је савршено добро; на конзоли се приказује порука „Дугме кликнуто“.
Али, посматрач не успе да открије промену и не отпусти га када је у питању посматрање низова или објеката. Погледајмо демонстрацију тога.
Пример: Посматрање објекта
Претпоставимо да имамо објект у нашој компоненти и желимо да прикажемо промену која се догодила у својству објекта. У доњем примеру сам креирао објекат са именом „објВар“, који садржи два пара кључ / вредност, „ставка“ и „количина“. Направио сам дугме где додајем „1“ количини ознаке шаблона. И на крају, гледам објект „објВар“ у својству сата и приказујем поруку конзоле.
Ово је страница за тестирање
Сада би овај код требао да прикаже промену у количини предмета. Али, када извршимо код и кликнемо дугме на веб страници:
Можете видети у горњем гифу; у конзоли се ништа не дешава.
Разлог томе је што посматрач не гледа дубоко у вредности предмета, и ово је стварни проблем који ћемо сада решити.
Вуе.јс пружа својство дееп за гледање вредности објеката и низова. Синтакса за коришћење својства дееп и гледање угнежђених података је следећа:
У овој синтакси смо својство дееп поставили на труе и преуредили функцију хандлер ().
Сада, након промене кода, ако поново учитамо веб страницу и кликнемо на дугме:
Овде можете видети да посматрач ради и приказује поруку у конзоли.
Закључак
Након читања овог поста, гледања и рачунања дубоких или угнежђених структура података у Вуе-у.јс више није тешко. Научили смо како да посматрамо промену вредности у објекту или низу и извршавамо неке задатке уз помоћ својства „дубоко“ Вуе-а.јс.