Почему это работает?

Question

[xSoal]

Родитель

<ServiceBlocks__Form__El
                    v-for="(s) in serviceBlocksBlocks"
                    :key="s.id"
                    :show="elToShowId === s.id"
                    :value="s"
                    @show="showElHandler"
                />

serviceBlocksBlocks - получаются через mapState с vuex

<FormInput
                placeholder="Заголовок"
                type="text"
                iconType="plus"
                v-model="value.header_text"
            />

и value которое приходит из пропсов благополучно меняется из FormInput в самом родителе
1) так и должно быть? разве vue не повсеместно лишает возможности мутировать данные родителя в потомках?
2) как вообще так вышло, что v-model внизу сумел изменить serviceBlocksBlocks, если это computed без сеттера?

Comments

[WapSter]

Без геттера? Может без сеттера? А вообще интересно

[xSoal]

да, без сеттера, спасибо, исправил

WapSter,

computed: {
            ...mapState({
                serviceBlocksData: state => state.serviceBlocks.serviceBlocksData,
            }),

            serviceBlocksBlocks(){
                return this.serviceBlocksData?.service_block___block ?? null
            },

Answer 1

[0xD34F]

разве vue не повсеместно лишает возможности мутировать данные родителя в потомках?

Не лишает.

как вообще так вышло, что v-model внизу сумел изменить serviceBlocksBlocks

Да вот так.

Comments

[xSoal]

хорошо, спасибо
а не могли бы Вы ответить почему, если писать так

serviceBlocksBlocks(){
                return this.serviceBlocksData?.service_block___block ?
                    { ...this.serviceBlocksData?.service_block___block }
                        : null
            },

эффект тот же?

Ведь тут я ссылку не передают

[0xD34F]

xSoal, уверены? А чем являются свойства service_block___block? Уж не объектами ли?

[xSoal]

0xD34F, 0xD34F, да, уверен
service_block___block это массив обьектов, не верно скобки выше написал, но это ничего не меняет

в шаблоне вывожу $store и смотрю на то, как динамически меняется с учетом

[0xD34F]

xSoal, вот именно, "это ничего не меняет". Массивы являются объектами. Элемент массива ничем принципиально от свойства объекта не отличается.

[xSoal]

0xD34F, разобрался. я же делал копию только верхнего массива. а обьекты внутри не копировались, а и передавались по ссылке.

скобки к вопросу не относились, но спасибо за участие)