Карты асинхронно грузишь?

не знаю, я ничего не указывал брал готовый компонент

Ребят, кто-нибудь сталкивался с таким? Короче, микрочелик собирает шаблон на пхп (вордпресс), формирует данные в виде джейсонов и вставляет их в прупсы компонентов.

Страта рабочая?

жуть

мощно

я изучу подробнее эту систему

Разделить пыху и vue видимо не догадался..

устрою курс бест практикс

по-хорошему, в WP версии от 4.7 и выше есть REST API

так что вполне можно Vue фронт сделать нормально

да, но он не знал про это и свои апишки написал

Страта рабочая?

Вы буквы экономите? Страта... ?

Вы буквы экономите? Страта... ?

а вы часом не из деревни? ?

а вы часом не из деревни? ?

Нет ?

Нет ?

Извините, я предположил такое исходя из вашей реакции на новые для вас сокращения

Все норм, я просто ворчун ?

а такой вопрос, а ктонить делал гео приложения с картами на vue? что использовали?

Делаю щас , к яндексу ничего годного нет , сам написал

Если просто нужно метки поставить то пойдёт , что то сложнее - сам пиши

Привет, товарищи. Использую Vuex, но дополнительно применил EventBus для отслеживания протухания токенов, насколько это плохо и как сделать правильно? Суть в следующем. В SPA реализовал авторизацию по двум токенам jwt: - accessToken - для авторизации во всех запросах к API, живёт час; - refreshToken - для получения нового accessToken, живёт сутки. 1) username, password => POST /api/v0.1/auth/login => accessToken, refreshToken 2) в мутациях токены сохраняются в state, при этом творится такое безобразие: setAccessToken (state, { accessToken }) { state.jwt.accessToken = accessToken setTimeout( ( ) => { EventBus.$emit('accessTokenExpired') }, getTimeout(accessToken) - 1000 ) } 3) в App.vue слушаю accessTokenExpired: mounted ( ) { EventBus.$on('accessTokenExpired', ( ) => { this.$store.dispatch('auth/refreshAccessToken') }) ... 4) и в action refreshAccessToken запрашиваю новый accessToken, далее - снова п. 2. 5) Для проверки аутентифицирован ли пользователь есть: const getters = { isAuthenticated: state => isValidJwt(state.jwt.accessToken), ... } В App.vue в watch отслеживается и isAuthenticated и при false происходит роут на /login. В такой схеме accessToken обновляется до того, как протухнет, а после протухания refreshToken пользователь должен снова залогиниться. Как избавиться от хака с setTimeout и EventBus и сделать это грамотно?

Кто-то может сказать, как это сделать лучше, или поделиться репозиторием?

Какой-нибудь axios.interceptors

Какой-нибудь axios.interceptors

А чисто на Vue + Vuex, вне зависимости от попыток обращений к API? Мы итак знаем, когда истечёт токен, нужно обновлять его или разлогинить пользователя, когда refreshToken просрочен.

А как вы хотите отсчитывать время без использования setTimeout?

А как вы хотите отсчитывать время без использования setTimeout?

А нужно ли его отсчитывать?

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

Можно же отслеживать isAuthenticated

А как он у вас поменяется?

А как он у вас поменяется?

А он обязательно должен измениться?

Ну иначе вотчер не среагирует

Правильно я понимаю, что можно оставить setTimeout и в нём дергать мутацию?

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

Без шины событий?

Во Vuex есть actions, которые как раз созданы для асинхронного изменения стейта

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

Нет, должна отслеживаться валидность токена, и только в случае невалидности он будет заменён. То есть действительно для реактивности там меняться нечему.

А, я понял. Вы от шины хотите избавиться и реализовать то же самое чисто на Vuex?

Вас не таймаут смущает))

Вас не таймаут смущает))

Да, я ведь так и написал в самом вопросе. Сам таймаут тоже смущает, но без него никак, похоже.

А в мутациях нельзя/не принято дёргать действия?

Ну так просто сделайте setAccessToken экшеном

В нем в таймауте дергайте мутацию

А в приложении подпишитесь на поле стейта, которое меняется

А когда поменяется, опять дергайте мутацию. Все то же самое, что у вас сейчас, просто без шины

computed переменную можно использолвать в другой computed переменной (обработать) если да, то как достучаться до них?

В нем в таймауте дергайте мутацию

Спасибо, с Вашей помощью понял, где накосячил) А как подписаться? watch или что-то другое?

computed переменную можно использолвать в другой computed переменной (обработать) если да, то как достучаться до них?

Конечно можно. В чем конкретно проблема?

Спасибо, с Вашей помощью понял, где накосячил) А как подписаться? watch или что-то другое?

watch, да

Конечно можно. В чем конкретно проблема?

а как достучаться? this.foo?

computed переменную можно использолвать в другой computed переменной (обработать) если да, то как достучаться до них?

через this и стучать

спасибо

а как достучаться? this.foo?

computed: { foo() { return this.dataField; }, bar() { return this.foo * 20 } }

computed: { foo() { return this.dataField; }, bar() { return this.foo * 20 } }

спасибо!

Люди подскажите VUEX Вобщем что-то не сообразю как порядок экшненов сделать Вобщем у меня такая логика При загрузке приложения, запускается определенный экш который заполняет поля в VUEX state, скажем actionInit последом, в зависимости какой action выбран запускается другой actionServices например, у которого данные конечно зависят от actionInit Коллизия происходит когда пользователь скажем в браузере нажал F5 Обновить в этом случае почему то actionInit запускается позже actioninit забинден в компоненте account.vue on mounted actionServices забинден в компоненте servcies.vue on mounted И все это завернуто в vue-router

к каким негативным последствиям может привести такая схема использования? <div id="vue-app"> <subscription-state></subscription-state> <div id="vue-admin"> <moderation></moderation> </div> <script src="/Scripts/bundle/vue-admin.js"></script> </div> <script src="/Scripts/bundle/vue-app.js"></script>

пока что только в коносле ошибка, что внутри div vue-app тег script

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

ты нарушаешь фэн-шуй

заставляешь вью онанизмом заниматься

это что бы не пихать компоненты админки в один js с компонентами из шапки

ну а паки для чего

это что?

а ниче, я вопроса твоего не понял :)

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

ERROR: S client not available

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

А есть какие-то проблемы с тем, чтобы скрипт админки притащить динамическим импортом внутри приложения?

Нафига в разметку-то тащить?

Судари, пытаюсь в store.js импортировать модуль из соседней папки, но получаю ошибку. В чем дело?

../

бля опять объебос на сраных путях)

хотя не

и самое главное

если const

делай дестракцию

import {Auth...} from ...

ругается же на vue/types/index

ну правильно в индекве не находит то что ты там ищещь

да и вообще кажется ты в js пытаешься импортнуть ts

кароче пиши import {AuthModule} from './Modules/Auth'

вебпак ищет vue/types/index.js и не надохит

кароче пиши import {AuthModule} from './Modules/Auth'

там один экспорт же?

если один тогда объявляй как один

не export const a export default

так вот же, так и есть

и этот импорт у него проходит

а ругается на попытку на който фиг index.ts импортнуть

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

есть три компонента

и есть родительский

один из компонентов бросает евент

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