имеют право на жизнь такие варианты? Или всё говно, сносить и переписывать всю приложуху?

Сделал так, может криво и неэлегантно, но просто и работает const actions = { //Экшн вызывается после успешной авторизации user_saveToken ({commit}, token) { localStorage.setItem('userAuthToken', token) axiosInstance.defaults.headers.common['Authorization'] = token },

Сделал так, может криво и неэлегантно, но просто и работает const actions = { //Экшн вызывается после успешной авторизации user_saveToken ({commit}, token) { localStorage.setItem('userAuthToken', token) axiosInstance.defaults.headers.common['Authorization'] = token },

Можно же подписаться на мутацию, которая кладет токен в стор, а там класть его куда надо - в headers, localStore, etc

Можно же подписаться на мутацию, которая кладет токен в стор, а там класть его куда надо - в headers, localStore, etc

экшн user_saveToken у меня и вызывает мутацию, тут просто сократил код.

Сделал так, может криво и неэлегантно, но просто и работает const actions = { //Экшн вызывается после успешной авторизации user_saveToken ({commit}, token) { localStorage.setItem('userAuthToken', token) axiosInstance.defaults.headers.common['Authorization'] = token },

import services from '@/services'; import * as TYPES from './mutation-types'; const httpClient = services.httpClient; // axios const localStore = services.localStore; const subscribe = (store) => { store.subscribe((mutation, { Login }) => { switch(mutation.type) { case TYPES.SET_AUTH_TOKEN: httpClient.authToken = Login.authToken; localStore.Login.authToken = Login.authToken; break; default: break; } }); }; export default (store) => { subscribe(store); }; Как пример

Как получить значение полей из формы при сабмите? Я видел вариант const { email, password } = this, но у меня так не работает :( У меня получается только const { email, password } = this.$refs.login

import services from '@/services'; import * as TYPES from './mutation-types'; const httpClient = services.httpClient; // axios const localStore = services.localStore; const subscribe = (store) => { store.subscribe((mutation, { Login }) => { switch(mutation.type) { case TYPES.SET_AUTH_TOKEN: httpClient.authToken = Login.authToken; localStore.Login.authToken = Login.authToken; break; default: break; } }); }; export default (store) => { subscribe(store); }; Как пример

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

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

можно и в action но зачем добавлять action'у логики? если есть subscribe?

форму может c v-model сделать? И пусть поля в data складывает себе

action коммитит что то в стор (вызывает commit) subsribe для подобных кейсов и придуман же нет? Я чего не знаю?

форму может c v-model сделать? И пусть поля в data складывает себе

Сейчас попробую)

action коммитит что то в стор (вызывает commit) subsribe для подобных кейсов и придуман же нет? Я чего не знаю?

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

По моей логике у меня сейчас есть экшн + мутация. В экшене пару лишних строк. А если ещё подписываемся, то будет экшн + мутация + подписка на мутацию - и больше кода

Доброго утра, подскажите пожалуйста, если для vue сайт с примерами? на подобии bootsnipp.com для bootstrap-a

Конечно. Вот например: https://vuejsexamples.com/

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

Разделение логики. action smth vuex модуля знает о http клиенте в аппе, зачем так жестко связывать? кода столько же, на примитивных примерах профита не видно правда, но про связанность и связность кода не зря же даже книжки пишут наверно?))

Разделение логики. action smth vuex модуля знает о http клиенте в аппе, зачем так жестко связывать? кода столько же, на примитивных примерах профита не видно правда, но про связанность и связность кода не зря же даже книжки пишут наверно?))

убедили, согласен

login() { console.log(this.loginData) }

login() { console.log(this.loginData) }

выводит в консоль объект с полями?

Обзёрвер

А пустая строка - это console.log(email, password) o.o

ну вон там и email и password, если на точечки кликнуть, должен показать значения.

если они там синхронны с полями на форме, то всё ок

а nginx вопще отказывается видеть индекс) пишет 404

ну вон там и email и password, если на точечки кликнуть, должен показать значения.

Там ""

Я через props передаю в компонент loginData.email

без сервера нет смысла открывать файл, не открывай его напрямую через браузер, пути стоят абсолютные в файле, а не релативные. То, что nginx не видит index.html это ты косячешь

Я через props передаю в компонент loginData.email

а обратно?

а обратно?

Хм, похоже, никак ?

Там ""

В компоненте methods: { onInput(value) { this.$emit('input', value) }, },

В компоненте methods: { onInput(value) { this.$emit('input', value) }, },

Спасибо, пробую)

<Input @on-change="onInput" :value="value" ... >

<Input @on-change="onInput" :value="value" ... >

Ооооо, спасибо ??

Ооооо, спасибо ??

Работет хоть? А то я тот ещё советчик ?

Работет хоть? А то я тот ещё советчик ?

Честно говоря, ваш последний совет даже в документации есть :D

<Input @on-change="onInput" :value="value" ... >

@on-change же нет такого

<Input @on-change="onInput" :value="value" ... >

тут скорее всего должен быть @input

наркоманы чтоль

и как бы @on- такого нет же ?

вот @change да

@on-change же нет такого

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

Это детали - я понял и написал правильно)

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

ок

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

автор либы не очень умный

наверно

автор либы не очень умный

https://www.iviewui.com

Точно умнее меня ?

и че за компонент

https://www.iviewui.com/components/select-en#Select_events

Для инпутов у них та же история https://www.iviewui.com/components/input-en#Input_events

кошмар

Ребята как реализовать ajax прокрутку? Какой лучше метод использовать get или post? Сервер должен возвращать обычную выборку с несколькими записями? Если да, то что на клиентской стороне делать?

Ребята как реализовать ajax прокрутку? Какой лучше метод использовать get или post? Сервер должен возвращать обычную выборку с несколькими записями? Если да, то что на клиентской стороне делать?

гет

по семантике пост создает новую запись, а не получает существующие

и если кто-то придет на твой проект и увидет как ты для инфините скролла используешь пост запросы, он плюнет тебе в лицо

Ребята как реализовать ajax прокрутку? Какой лучше метод использовать get или post? Сервер должен возвращать обычную выборку с несколькими записями? Если да, то что на клиентской стороне делать?

Сервер должен возвращать список записей с учетом офсета = номер последней показанной страницы * количество записей на странице. Потом эти данные добавлять в конец старого списка.

при реактивном хранилище это уже будет работать, а дальше украшайте

и если кто-то придет на твой проект и увидет как ты для инфините скролла используешь пост запросы, он плюнет тебе в лицо

Есть исключения. Если есть ограничения на длину GET-запроса, то можно и POST использовать.

Есть исключения. Если есть ограничения на длину GET-запроса, то можно и POST использовать.

2к символов на урл, я думаю этого должно хватить на инфините скролл

ERROR: S client not available

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

Например у API ВК, при превышении 2048 советуют использовать POST. Там через запятую до 1000 ID можно передавать.

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

Я про категоричное заявление о POST-запросах, меняющих/создающих записи.

А когда я во vuex пишу this.$store.dispatch('name', value), он вызывает метод name() из actions = { name() { ... } } ?

Например у API ВК, при превышении 2048 советуют использовать POST. Там через запятую до 1000 ID можно передавать.

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

А когда я во vuex пишу this.$store.dispatch('name', value), он вызывает метод name() из actions = { name() { ... } } ?

если правильно понял вопрос, то да

Получаю unknown action type: AUTH_REQUEST

this.$store.dispatch('authRequest'...

откуда AUTH_REQUEST взялся?

Ой, это было глупо :С Спасибо!)

А как хранить конфиг приложения? Что-то типа API_URL для dev и prod

А как хранить конфиг приложения? Что-то типа API_URL для dev и prod

Где хочешь

А как хранить конфиг приложения? Что-то типа API_URL для dev и prod

API_URL лучше в .env .env .env.development .env.production https://alligator.io/vuejs/working-with-environment-variables/

API_URL лучше в .env .env .env.development .env.production https://alligator.io/vuejs/working-with-environment-variables/

При обращении к process.env.API_URL происходит странное о.о

К NODE_ENV, причём, обращаться могу

Выглядит как циклический импорт

При обращении к process.env.API_URL происходит странное о.о

Ты статью полностью прочел? Как в env объявляешь?

Ты статью полностью прочел? Как в env объявляешь?

Там второе фото, я кинул два)

Там я показал, как объявил - вроде, ничего необычного

Там второе фото, я кинул два)

merge это 'webpack-merge'?

Да, именно он

Стоп, а HMR не подхватывает конфиг, я перезапустить должен run dev?

Блин)

да! xD

Есть исключения. Если есть ограничения на длину GET-запроса, то можно и POST использовать.

А сокращать мы умеем?

А сокращать мы умеем?

Читай дальше. Или ты можешь написать в любой сервис и по твоему требованию поменяют API?

Читай дальше. Или ты можешь написать в любой сервис и по твоему требованию поменяют API?

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

Они диктуют правила шифровки, в чем проблема?