@c01nd01r у меня есть подозрение, что говорим об одном и том же, с разных сторон :)

Вы меняете пропс изнутри, а это нарушение цепочки пропсы-сверху, эвенты-снизу

ок, как тогда менять состояние компонентавнтури компонента не трогая пропсы который приходят отродителя?

Компонент работает с data и computed

Это его, скажем так, локальная копия данных

как передать компоненту не через пропсы а через дату при инициализации?

@c01nd01r у меня есть подозрение, что говорим об одном и том же, с разных сторон :)

Может быть) Я уже одной половиной мозга сплю)

Дата в данном случае станет дефолтным конфигом

как передать компоненту не через пропсы а через дату при инициализации?

или это вообще правильно?

Компоненту нельзя отдать что-то не через пропсы

вот

Есть 2 варианта - пропсы и стор (иногда эвент-бас, но его не рекомендуют)

как передать компоненту не через пропсы а через дату при инициализации?

компоненты не педеются через пропсы в Vue (по филосовским причинам) Только данные.

ок, тогда я передаю пропсы который опередяют изначальное состояние

Да

Они же могут и поменять потом в дальнейшем состояние управляемого компонента

но если я реализую логику обновления состояния не сервере внутри компонента

Имеете ввиду полученные данные потом мутировать?

сейчас я привязываю props active к модели чекбокса

это видимо неправильно

Да

Надо локальную дату привязать к чекбокссу

И потом эмитить в родитель изменения

У вас задача стоит сообщить родителю данные из чекбокса - это делается через $emit

то есть надо с помощью события данные отдать

paren -> child = props child -> parent = event

Надо локальную дату привязать к чекбокссу

Локальная дата тут не нужна) Состояние через пропс, а изменения сразу emit

Я ниже про это написал. Просто если нужна будет v-model, придется юзать data скорее всего

подскажите плс есть ли хорошие темплейnы/бойлерплейты сделать на vue сайт портфолио себе? главное, чтобы разделы были разные

В vue-awesome полно всяких

то есть надо с помощью события данные отдать

мы просто выше обсуждали что алтернативно все операции с сервером можно делать в компоненте

я не хочу разбивать логику между компоненом и родителем

хочу что бы компонент сам отправил все на сревак и обновил статус свой

в таком случа отправлять родителю не нужно

можно просто сделать axios.patch внутри компонента

но как обновить состояние конпонента если нельзя трогать props ?

но как обновить состояние конпонента если нельзя трогать props ?

Родительского компонента? Отправить событие

или в целом компонент не может обновлять свое состояния

Родительского компонента? Отправить событие

собственноей

собственноей

Если компонент сам отправляет свои данные, то зачем ему пропсы?) Он внутри себя все хранит.

Если компонент сам отправляет свои данные, то зачем ему пропсы?) Он внутри себя все хранит.

о, уже теплее, тогда через пропсы мы не пеедаем компоненту данные, а как иначе передать тогда?

в целом задача простая - есть массив объектов на входе, объект с атрибутом status: treu/false нужно нарисовать список объектов с чекбоксом по status, если я нажимаю на чекбокс - слать на серверт patch по объектуу и обновлять его состояния не сервере ну и на фронте соответственн

так вот родитель у меня получает собственно массив

и потом отрисовывает компонент для каждого объекта передавая пропсы

когда я нажимаю на чекбокс - компонент ловит это событие и шлет на сервер патч для обновления состояни

вопрос - как обновить атрибут компонента на новое состояния если трогать пропсы нельзя?

В vue-awesome полно всяких

Спасибо, посмотрю

В общем, такой вопрос, для свежего холивара. Запросы к API выполнять в экшенах Vuex. True - false?

как хочешь)

Добавлю что конечно все API будут в сервисе, но их вызов будет в экшенах Vuex

тобишь в компоненте?

Нет, в самом экшене vuex

Добавлю что конечно все API будут в сервисе, но их вызов будет в экшенах Vuex

это нормальная практика

Например, имеем компонет User в vuex. У него есть действие LoginIn и запрос к авторизации будет вызван в этом действии. А мутация будет конечно вызвана лишь в случаи если ответ от сервера - ок

более чистые компоненты

Тогда все управление данными остается в vuex

и Vuex не будет просто хранилищем, а уже сервисом работы с данными

Например, имеем компонет User в vuex. У него есть действие LoginIn и запрос к авторизации будет вызван в этом действии. А мутация будет конечно вызвана лишь в случаи если ответ от сервера - ок

Ну с юзером понятно, эти данные всегда глобально нужны

Не пойму нахрена вы все в vuex тащите

вопрос - как обновить атрибут компонента на новое состояния если трогать пропсы нельзя?

@the_developer_tom можешь подсказать плиз?

всмысле нельзя?

@c01nd01r в моем приложении, есть еще множество релаций юзера которые очень удобно и логично вынести как отельные компонент vuex. 😊

передавай пропсом обновленное значение и все

🙂

ну нельзя менять пропсы изнутри компонента вроде

@obsly почему?))

тебе наверх данные передать нужно?

да не очень

обновить пропсы для родительского компонента, или для какого-то компонента не находящегося в иерархии parent -> child?

@c01nd01r в моем приложении, есть еще множество релаций юзера которые очень удобно и логично вынести как отельные компонент vuex. 😊

это просто отображение. Данные то одни

компоненту внутри себя отправить запрос на сервак и обновить свое же состояние по результтау

@c01nd01r разные компоненты меняют эти данные в разных местах приложения.

но изначально данные он принимает от родителя через пропсы

все просто

получил через пропс, сделал копию в data

@c01nd01r разные компоненты меняют эти данные в разных местах приложения.

Но данные то общие

потом уже обновляешь дата

волшебно) то есть это норм метод?

копию можешь сделать через JSON.parse stringify