как раз с этим чего то не понял,если - забиндженная переменная, это объект(или можно массив?), если внутри объекта(массива), что то меняется в дочернем компоненте, то эти изменения видит родительский компонент? перерисовывает страничку?
Как реактивность работает с объектами: [ ], { } Если это объект, то изменение значений его свойств будет реактивным. Не нужно делать obj = obj. Когда вы передаёте объект в компонент, и меняете свойства объекта из компонента, то снаружи это не вызовет реактивного изменения, но объект поменяется. Это происходит потому, что объекты всегда ссылаются но одну и ту же область памяти. Передавая объект или массив в компонент вы создаёте ссылку на тот же самый объект. Меняя его значение из компонента, — мы поменяем объект находящийся по ссылке, общий для родителя и компонента. Но реактивность не сработает. Реактивность при передаче работает в обе стороны только при биндинге который делает связь двухсторонней: bind:foo Когда, в следующий раз, родитель обратится к свойствам объекта, там уже будут другие значения, потому, что их поменяли из компонента. Реактивность не работает при использовании внутренних методов объектов, например .push(), .splice() и т п. Поэтому при их использовании нужно подсказать Svelte, что вы что-то обновили: arr = arr https://svelte.dev/repl/a858e5083ed14546a85ec4cbbe8093ed?version=3.48.0 #reactivity #objects
Обсуждают сегодня