Хочу сделать в store (vuex) общую функцию для запросов на сервер. Ее в action класть?

Хочу сделать в store (vuex) общую функцию для запросов на сервер. Ее в action класть?

Я в actions положил запросы к API

Нет, данные которые нужно пихануть в дочерний стейт

Сорри, нужно менять стейт родителя, в реакте передаётся метод который меняет этот родительский стейт

Сорри, нужно менять стейт родителя, в реакте передаётся метод который меняет этот родительский стейт

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

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

Верно!

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

Да, именно так

Да, именно так

$emit с нагрузкой используй

https://ru.vuejs.org/v2/guide/components-custom-events.html

Я в actions положил запросы к API

И возвращаешь promise?

И возвращаешь promise?

Да)

Hello

Ребят это нормально при использовании vue-router, child компонент грузится раньше родительского

Джамиль, в чём проблема-то?

спроси у мейнтейнеров про подкапотню

или код почитай

<p><a href="/book.pdf" target="_blank">Ссылка открывает новое окно c файлом</a></p> Таким образом мне нужно открыть pdf книгу ,подскажите,как перенести файл в сборку?webpack его не загружает на продакшин

Джамиль, в чём проблема-то?

Проблема в том, что методы сreated и mounted в child компоненте срабатывают раньше, чем в родителе

или паралелльно

Ну created точно раньше должен быть чисто по логике

Компонент родитель собирается из детей. Хотя нифига не точно, пропсы например должны быть из родителя

походу router-view синхронно грузит

коллеги, я корректно в мутации указываю свойство объекта через set? Vue.set(state.header, 'reg', 'Регистрация'); записываю в объект header.reg, который в state находится

чувствую, что синтаксис не совсем корректен у меня

не хочу все стэйты объявлять для реактивности, решил через set записать их

ау)

коллеги, я корректно в мутации указываю свойство объекта через set? Vue.set(state.header, 'reg', 'Регистрация'); записываю в объект header.reg, который в state находится

вроде ок

вроде ок

но не пашит)

а в стейте есть header?

а в стейте есть header?

да)

что не так делаю?)

state.head.reg = 'fffff'

тебя реакт покусал что ли

вообще есть хорошее правило

сразу обьявить структуру

state: { header: { reg: null, enter: null

и в мутации state.header.reg = 'Регистрация'

так я не хочу сразу объявлять, я хочу присвоить через set, чтоб объект реактивным был, так меньше кода будет написано, и поддержка проще

не обьявляя сразу ты создаешь hidden class

на каждый новый атрибут

это деоптимизация

по идее должны оба варианта эти работать, ты точно вызываешь эту мутацию?

первый вариант вернет полностью новый обьект

спорно

там где spread

второй должен работать

Ребят нужна помощь кто то интегрировал Vue + firebase image?

но повторюсь - это антипаттерн

ты браузеру в ноги стреляешь)

помаленьку но каждый раз

почитай как hidden class создаются и зачем

и перехочется )

ну а сам подумай, их нужно объявить, потом присвоить , а если их под 50 свойств, и при смене нескольких - нужно в двух местах менять

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

Рендерю список компонентов и передаю в пропс объект из массива, потом после запроса у меня етот масив меняеться, но пропс, которые я перкдал из етого масива - не, в чем проблема? Пропс через v-bind

в реактивности проблема)

коллеги, через set нагрузка на движок браузера выше, нежели если я объявлю свойства объекта, есть у кого бенчмаркинг?

Просто почитай про hidden class

Как потом работа идёт

Тебе не нужны бенчы для этого

ERROR: S client not available

Как создаётся новый атрибут

Как потом идёт обращение к объекту и его атрибутам

Всем привет. Подскажите плиз. Хочу получить данные из базы firebase. Через vuex.

Есть экшн getFiles(vuexContext) { firebase.database().ref('files').on("value", info => { vuexContext.commit('addFilesList', info.val()) }) }

Устанавливаю в state нужные данные. Если в мутациях вывожу этот state - все ок. Но мне надо получить данные в компоненте при клике на кнопку. Так вот в первый раз когда обращаюсь к this.$store.getters.files, то получаю undefined. А второй раз уже норм данные получаю. Причем экшн и мутации норм отрабатывают сразу, потому если вывести данные напрямую оттуда - до данные выводятся

Да)

Пример можешь скинуть?

Просто почитай про hidden class

я знаю как hidden class работает в V8, но дело в том, что через set или без него уже готовый бандл попадает в V8, или всё же поля объекта то есть, то нет в бандле?

если поля объекта то есть, то нет, то да, такой код плохо оптимизирует V8

Пример можешь скинуть?

Компьютер не под рукой, поэтому примерно: actions: { getPost() { return new Promise((resolve, reject) => {axios.get('posts').then(response => { resolve(response) }}).catch(error => { commit('error', error; reject(error) }) } }

А в action еще минимум один параметр передаётся по идеи - commit

Зачем это нужно?

А в action еще минимум один параметр передаётся по идеи - commit

это объект контекста, всегда action его получает первым параметром

Для чего он нужен вообще?

Для чего он нужен вообще?

Я знаю для чего!

Зачем это нужно?

Чтобы вызвать мутации

Я знаю для чего!

?

Для чего он нужен вообще?

чтобы иметь доступ к getters, state и т.д.

?

https://vuex.vuejs.org/ru/guide/actions.html тут можно прочитать.

?

Или нужно другому скинуть?

У меня на всех ссылок хватит.

Приветствую. В шаблоне через v-for выводится computed массив из store. Когда через vuex добавляю элементы в массив внутри mutation цикл ругается на dublicate keys элементов, которые уже отрендерились. Можно ли изменить store, чтобы шаблон не считал его заново созданным?

бамп

У меня на всех ссылок хватит.

??

?

Можно как-то из геттеров получить другой геттер? Разбито на модули и нэймспейсы

в this

Приветствую. В шаблоне через v-for выводится computed массив из store. Когда через vuex добавляю элементы в массив внутри mutation цикл ругается на dublicate keys элементов, которые уже отрендерились. Можно ли изменить store, чтобы шаблон не считал его заново созданным?

Сделай ключи уникальными.

3 аргументом вроде типо глобал стор идет, через него не пробывал?

Они итак уникальны, но когда добавляю элементы в массив в стейте, ругается на уже отрисованные элементы

Они итак уникальны, но когда добавляю элементы в массив в стейте, ругается на уже отрисованные элементы

Значит не уникальные.