Рекурсивное хранилище

В этом примере показано состояние, содержащее и другие объекты, не только примитивы.

Поскольку useStore() по умолчанию глубо отслеживает реактивность, массивы и объекты внутри состояния также будут реактивными.

Чтобы useStore() отслеживал все вложенные свойства, ему необходимо выделить множество объектов Proxy. Это может стать проблемой производительности, если у вас много вложенных свойств.

В этом случае вы можете передать дополнительный аргумент: {deep: false} в useStore, чтобы отслеживать в состоянии только свойства верхнего уровня.

Ваша задача: Добавить {deep: false} в качестве второго аргумента функции useStore() и модифицировать обработчики событий для присвоения новых значений свойствам верхнего уровня состояния.

Next: Граф сериализации

Edit Tutorial