у кого-нибудь получалось подружить vue-cli 3 typescript шаблон с storybook?

ну это стор. стор же для хранения состояния?

и для методов, которые его изменяют

ну это стор. стор же для хранения состояния?

Да, но там есть возможность писать методы - actions

про миксины почитай

спасибо. походу то что надо

и еще у меня почему-то не пашет prettier при сохранени файла, если ставлю prettier.eslintIntegration: true. Опять же шаблон typescript через vue-cli 3. Редактор vscode, установлены дополнения vetur, eslint и prettier

Как программно перезагрузить страницу во вью? this.$router.push не предлагать. Не работает, если ты находишься на одной и той же странице

https://developer.mozilla.org/ru/docs/Web/API/Location/reload

Добрый день, подскажите пожалуйста, есть приложение на vue.js при авторизации записывается токен в localStorage, как правильно организовать работу по разными пользователями одновремено в разных вкладках ? сейчас токен перезаписывается при авторизации нового пользователя

Добрый день, подскажите пожалуйста, есть приложение на vue.js при авторизации записывается токен в localStorage, как правильно организовать работу по разными пользователями одновремено в разных вкладках ? сейчас токен перезаписывается при авторизации нового пользователя

sessionStorage?

https://developer.mozilla.org/ru/docs/Web/API/Location/reload

Не подходит. Мне именно переход нужен. Дабы данные в asyncData достались и не было именно этой анимации перезагрузки страницы. Просто программный переход. Просто при использовании this.$router.push на ту же страницу, на которой пользователь находится он упорно не переходит

Не подходит. Мне именно переход нужен. Дабы данные в asyncData достались и не было именно этой анимации перезагрузки страницы. Просто программный переход. Просто при использовании this.$router.push на ту же страницу, на которой пользователь находится он упорно не переходит

this.$router.go(this.$router.currentRoute)

Не подходит. Мне именно переход нужен. Дабы данные в asyncData достались и не было именно этой анимации перезагрузки страницы. Просто программный переход. Просто при использовании this.$router.push на ту же страницу, на которой пользователь находится он упорно не переходит

Точнее опишите задачу. Тогда смогу помочь. Зачем нужно обновлять страницу? Обновить данные на ней? Тогда лучше сделать отдельный метод, который обновляет данные и вызывать его и в created и по запросу обновления

this.$router.go(this.$router.currentRoute)

Всеравно анимация перезагрузки страницы

поменяй key у роута

как можно подписаться на resize слота?

Точнее опишите задачу. Тогда смогу помочь. Зачем нужно обновлять страницу? Обновить данные на ней? Тогда лучше сделать отдельный метод, который обновляет данные и вызывать его и в created и по запросу обновления

Есть метод по удалению элемента. Данные на страницу достаются через метод async asyncData (context) { let res = await context.$axios.get('templates/', { params: { page: context.route.query.page } }) return { templatesData: {...res.data} } }, Получается, что нужно дублировать логику или сделать программный релоад страницы дабы этот же метод отработал и достал данные без удаленного элемента

Ну и это метод Nuxt для получения данные до загрузки страницы

админка на AdminBSBMaterialDesign похожа

про фото выше

Есть метод по удалению элемента. Данные на страницу достаются через метод async asyncData (context) { let res = await context.$axios.get('templates/', { params: { page: context.route.query.page } }) return { templatesData: {...res.data} } }, Получается, что нужно дублировать логику или сделать программный релоад страницы дабы этот же метод отработал и достал данные без удаленного элемента

добавь в router-view свойство key, и меняй его когда тебе нужен релоад

добавь в router-view свойство key, и меняй его когда тебе нужен релоад

Не совсем пойму, что вы имеете ввиду. На саксесе после удаления элемента у меня что-то вроде этого this.$router.push({ path: this.$route.path }) Что равноценно <router-link :to="..."> Только вью не переходит по одной и той же ссылке, если ты уже на этой странице

https://youtu.be/7YZ5DwlLSt8?t=1059

Не совсем пойму, что вы имеете ввиду. На саксесе после удаления элемента у меня что-то вроде этого this.$router.push({ path: this.$route.path }) Что равноценно <router-link :to="..."> Только вью не переходит по одной и той же ссылке, если ты уже на этой странице

для этого есть методы форсапдейта

типо того

для этого есть методы форсапдейта

Т.е. обновить компонент-страницу?

Т.е. обновить компонент-страницу?

Ага

Неа. Не работает this.$forceUpdate()

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

То апдейти

Неа. Не работает this.$forceUpdate()

Ой я не помню почитай доку

Ребят, где можно найти онлайн-туториалы/упражнения по вуе

Сайт

Ребят, где можно найти онлайн-туториалы/упражнения по вуе

laracasts

плюсую за laracasts

плюсую за laracasts

+

laracasts

Спасибо, но там вроде только видео

udemy, но там платно. Можно найти бесплатно (пиратить, но это сам ищи)

Для практики

ну если за ним повторять, то основы получишь

а потом сделай тудушку

Спасибо, но там вроде только видео

а тебе нужны типа уроки с заданиями? посмотри на степике или курсере

или клон хакерньюс

чё там ещё обычно делают для практики

а тебе нужны типа уроки с заданиями? посмотри на степике или курсере

Да

Привет всем , пытаюсь разобратся со store. Встает вопрос можно ли создовать модуль store из разряда 1 store для всех компонентов одного типа или для каждого экземпляра свой store? Видел в доках runInNewContext

не совсем пока понятно как это работает

может кто уже познал дзен в этой теме=)

можно

Можно один на всех и так же можно создать отдельный стор для каждого компонента

Можно один на всех и так же можно создать отдельный стор для каждого компонента

Компонента? Если вы говорите в контексте ssr, то наверно не компонента, а клиента?

Ибо runInNewContext чисто для ssr тема.

нет, скарее когда я юзаю компонент для него регистрируется свой модуль store каждый раз когда я использую его где то

нет, скарее когда я юзаю компонент для него регистрируется свой модуль store каждый раз когда я использую его где то

Ну ты можешь динамически подключать стор при создании компонента.

для каждого вызова компонента должен быть новый store

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

я вот о чем

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

тогда это будет 1 ко многим

фишка в 1 к 1

Это будет 1 к 1

https://vuex.vuejs.org/guide/modules.html#dynamic-module-registration

я думал это можно как то нативно сделать

Создаешь компонент, внутри него динамически подключаешь стор с нужным namespace

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

динамично

Ага

Потому, что vuex сделан по концепции flux, а она типо предполагает 1 стор на все приложение.

ERROR: S client not available

это да

я имел ввиду модули

которые работают таким образом

как 1 ко многим или 1 к 1

Модули чаще нужны именно для фич, а не для компонентов.

Фича юзер и разные компоненты могут из этого модуля дергать нужные методы.

чаще юзается 1 ко многим

но я столкнулся с темой когда было бы удобно юзать 1 к 1

кстати

а что если...

Symbol=)

Либо играйся с динамическими модулями или попробуй provide context

Symbol=)

Не получиться через него name space сделать, там чисто строка используется для поиска модуля/метода

Либо играйся с динамическими модулями или попробуй provide context

Ты можешь заюзать апи provide/inject, написать свой стор и прокидывать его в нужных компонентах.

видел эту фишку в api

не юзал раньше

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

хотя юзать по разному можно)

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

Э

Каким образом?

Прокидываешь объект в provide, а через inject в любом ребенке забираешь.

сори это я туплю(

да

а да

хотел спросить

не вкурсе когда будет след версия vue?

там вроде они на прокси планировали все перекатать?

и упросится ли работа с реактивностью?

Роадмап есть, там посмотри.

если они это сделают

я дат не видел(

Значит хз.