Пошли вопросы за 50. Важен ли порядок вызовов dispatch/commit из метода компонента?

Я тут немного не понимаю что за ерунда проиходит. Есть метод, который фетчит посты. Когда получил данные, записываю данные через диспатч и коммит. this.$store.dispatch('updatePosts', data.post) this.$store.commit('setLastSyncDate', data['last_sync'])

соммит лучше вообще не вызывать в компонентах

соммит лучше вообще не вызывать в компонентах

Ну тогда у меня по факту будет пустой экшен. С одной строчкой. Ну так вот

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

Если запускаю в таком порядке, то коммит срабатывает (записывает данные в локалстораж, но приэтом catch ловит ошибку

1 строка - тоже строка

А если меняю строчки местами, то "ошибка" не catch'ится

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

соммит лучше вообще не вызывать в компонентах

Не правда

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

Так, верно. Но это разные комиты. И они должны просто синхронно выполняться, когда отработает экшен

диспатч возвращает промис, комить после успешного завершения, когда промист вернет тру

диспатч возвращает промис, комить после успешного завершения, когда промист вернет тру

Спасибо

Блин. Мне даже webstorm подсвечивал это, но не понял, что он имел ввиду

Благодарю

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

Хм. Надо на себе почувстовать боль. Пока поюзаю редко коммиты, а так вроде всё к экшенах

не забывай обрабатывать ошибки на глобальном и локальном уровне

Да вроде везде catch'у

await пока не готов юзать :)

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

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

есть такое )

ну а вообще оно должно выносится в отдельный модуль api, к примеру, и импортится. чтоб не дублировать одно и то же

большинство халтурит обработкой ошибок и в результате багов на 100 тасков )

ну а вообще оно должно выносится в отдельный модуль api, к примеру, и импортится. чтоб не дублировать одно и то же

это твоя извращенная фантазия. Выносится методы АПИ а не акшены

?

это твоя извращенная фантазия. Выносится методы АПИ а не акшены

чо? причем тут экшены

я сказал апи

А если респонса не будет?

я сказал апи

оу, извини, наверно мне уже отдыхать пора

Схороним :)

А если респонса не будет?

вообще в любом проекте должны стоять глобальные обработчики, к примеру в аксиосе. Нет респонса - роутим на ерор страницу. Критическая ошибка

Странно юзать mapActions, но не юзать mapMutations

оу, извини, наверно мне уже отдыхать пора

как раз если пишешь экшен, и если в нем делаешь запрос к беку то можно вынести этот запрос в отд. модуль api.

Странно юзать mapActions, но не юзать mapMutations

я не собирался показывать все. Мутацию в чистом заюзал только что-бы показать последовательность выполнения кода. И опять-же, я не юзаю мутации в компоненте, только в сторе. А там мне не нужны мапы

Странно юзать mapActions, но не юзать mapMutations

Я mapMutations как и commit принципиально в проекте не юзаю. Всегда стандартная цепочка action -> mutation -> state, даже там где action можно и опустить

mapState тоже на помойку, все через mapGetters )

все мапы на помойку! this.$store.dispatch и ок ?

Какие вы решительные..))

Шутки шутками, но иногда без $store.* не обойтись)

всем хай ребзя! Объясните плиз, или дайте ссылочки на то, как подружить vuе с рельсами

всем хай ребзя! Объясните плиз, или дайте ссылочки на то, как подружить vuе с рельсами

делаешь апи в бэкэнде и через вью отправляешь запросы

или у тебя другая архитектура?

другая совсем, на компонентах

можно было слелать на нукст, но уже поздно?

Может чего я не понимаю, а разве vue не просто для реализации логики и отображения на стороне клиента а ruby - это бэкэнд, который отдает vue данные. ?

По крайней мере у меня такая связка на python+vue

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

в erb

никак не внедрить. делаешь бек на рельсах как рест а вью отдельный фронт который общается с беком запросами

Тогда просто методы реализоать методы в ruby ?

никак не внедрить. делаешь бек на рельсах как рест а вью отдельный фронт который общается с беком запросами

??

никак не внедрить. делаешь бек на рельсах как рест а вью отдельный фронт который общается с беком запросами

допустим у рельсов есть апишка, каким методом реализовать запросы во вью?

допустим у рельсов есть апишка, каким методом реализовать запросы во вью?

http запросы

Подскажите: Есть родительский компонент и его детеныш. На родительском делается запрос: и только после этого должен запуситься метод у детеныша. Как такое реализовать?

Подскажите: Есть родительский компонент и его детеныш. На родительском делается запрос: и только после этого должен запуситься метод у детеныша. Как такое реализовать?

В детёныш добавляешь property. На него вешаешь watch

В детёныш добавляешь property. На него вешаешь watch

О, что-то не подумал об этом, спасибо

Хмм, кажется что-то делаю криво, watch срабатывает только один раз почему-то

data: () => { return { user_channel_id: '' } }, mounted() { this.user_channel_id = this.$root.$data.user_channel_id; }, watch: { user_channel_id: function (new_val, old_val) { что делаю не так?

Начнем со стрелочной функции дата

ERROR: S client not available

Начнем со стрелочной функции дата

все норм с ней

Начнем со стрелочной функции дата

иначе ругается на [Vue warn]: The "data" option should be a function that returns a per-instance value in component definitions.

иначе ругается на [Vue warn]: The "data" option should be a function that returns a per-instance value in component definitions.

"иначе" бывает сильно разный, не всё опробовано, например, классическая функция явно подходит под определение function

"иначе" бывает сильно разный, не всё опробовано, например, классическая функция явно подходит под определение function

Дело только в функции?

Дело только в функции?

this.user_channel_id = this.$root.$data.user_channel_id;

дело в этой строке

почитай ее

много раз

Тогда как быть?

и поймешь

Дело только в функции?

по приведённому куску кода лично мне не удастся понять, откуда там должен взяться более, чем один вызов watch

this.user_channel_id = this.$root.$data.user_channel_id;

Хмм, я тогда реактив не понимаю? Разве не так: a=1 b=a b=3 то и a=3 не?

data: () => { return { user_channel_id: '' } }, mounted() { this.user_channel_id = this.$root.$data.user_channel_id; }, watch: { user_channel_id: function (new_val, old_val) { что делаю не так?

стрелочная функция и data() { ... } имеют разные this

чо вы доебались до стрелочной, в ней нет проблемы в его коде совсем)

как советовали выше, через проперти было бы норм и data это не проперти

окей) я и не знал что можно 3)))

зато сразу бросил фразочку "понятно, - нмкто не знает почему" :)

Ребзя, вы если вопрос по коду хотите выяснить - не ленитесь запилить песочницу. Это быстро. И решение вам накинут тоже намного быстрее

как советовали выше, через проперти было бы норм и data это не проперти

Да я просто решил в new Vue(... создать переменную и иметь туда доступ откуда угодно.

Да я просто решил в new Vue(... создать переменную и иметь туда доступ откуда угодно.

watch: { '$root.$data.user_channel_id' : function (new_val, old_val) { заработало.

Интересно, это нормальное поведение или исключение?

Всем привет. Подскажите плиз. Пытаюсь подключить шрифт в nuxt js. Но он не отрабатывает.Вижу, что стили применяются на странице, но сам шрифт не применяется. В nuxt.config.js прописываю файл стилей...

https://t.me/nuxtjs_ru

Всем привет. Подскажите плиз. Пытаюсь подключить шрифт в nuxt js. Но он не отрабатывает.Вижу, что стили применяются на странице, но сам шрифт не применяется. В nuxt.config.js прописываю файл стилей...

А вкладка network что говорит?

А вкладка network что говорит?

Да по факту ничего.. Не вижу там шрифта. Будто он банально не подключается

https://t.me/nuxtjs_ru

Спасибо)

Формата ttf не существует

Формата ttf не существует

Тьфу ты. Спасибо большое. Извиняюсь за невнимательность

С чего эт он не существует?

ну он вроде format("truetype")

ну он вроде format("truetype")

а в этом плане.