Какой-то чекбокс с побочными эффектами) Тыкнули галку, а он сам отправил запрос.

Так вроде этого и хотят, поправьте если ошибаюсь

Так вроде этого и хотят, поправьте если ошибаюсь

Да, но не таким неявным способом. Я выше писал про "умные" и "глупые" компоненты.

Я прекрасно знаю, что это. Мало того, когда есть стор, такая концепция сама собой появится иначе поддержка проекта умрет

Вопрос в том, что никто не запрещает так сделать. И это еще одно решение. Собственно, поэтому Vue и набирает обороты - в нем можно (почти) все.

Вопрос в том, что никто не запрещает так сделать. И это еще одно решение. Собственно, поэтому Vue и набирает обороты - в нем можно (почти) все.

Можно, конечно. Но опять же, повторюсь, не очень хорошее решение, имхо.

Ну, кстати, чем это не умный компонент?

Ну, кстати, чем это не умный компонент?

Так а зачем его умным делать?

Чтобы не делать кучу копипаста, например

ну вот сейчас вот получил от Vue Avoid mutating a prop directly since the value will be overwritten whenever the parent component re-renders. Instead, use a data or computed property based on the prop's value. Prop being mutated: "active"

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

сделал v-model vprops-a

@obsly так низя)

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

Как раз таки не будет копипасы, потому что это будет в одном компоненте - родителе

"умном" родителе

т е таки надо делать отдельную дату для состояния, потом слать его на сервак потом если 200 то обновлять пропс?

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

@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

ERROR: S client not available

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

Нет, в самом экшене 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

@c01nd01r правильно, тогда они будут лежать в 1-м месте и vuex для всех компонетов будет истиной

или через lodash

@c01nd01r правильно, тогда они будут лежать в 1-м месте и vuex для всех компонетов будет истиной

В случае юзера это работает