ух, спасибо, а то документация довольно бедна на эту тему

Осторожно, градус наркомании в коде 6 по пятибальной :)

:NavigationGuard что это?

Мои вкусы весьма специфичны

Это flow

Строгая типизация в js

Игнорируй :)

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

хмм

а почему IS_LOGGED_IN заделал как константу?

Чтобы не думать о конфликтах имён в разных модулях vuex

Все геттеры со всех модулей вливаются в store.getters

И мало ли какой программист захочет назвать свой геттер к примеру table или data

Залог успешного проекта - жёсткая диктатура со стороны кодстайла

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

Залог успешного проекта - жёсткая диктатура со стороны кодстайла

скажи пожалуйста, я предполагаю, что ты мониторишь рынок и требования заказчиков, можно ли ждать от ву такой же популярности как от реакта или нг ? Просто, сейчас ухожу от ng1 и думаю куда податься, есть реакт, а есть - ву. Компания хочет реакт, и я готов с этим смириться, но сердце хочет vue ) Я верю в него по трем причинам: 1)пост Evan`а о темпах развитя за 2016, 2) доклад Листочкина 3)порыв души и сердца. Что думаешь по этому поводу ?

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

Да. Добрым словом и пистолетом. Гораздо эффективнее чем просто долгим словом

скажи пожалуйста, я предполагаю, что ты мониторишь рынок и требования заказчиков, можно ли ждать от ву такой же популярности как от реакта или нг ? Просто, сейчас ухожу от ng1 и думаю куда податься, есть реакт, а есть - ву. Компания хочет реакт, и я готов с этим смириться, но сердце хочет vue ) Я верю в него по трем причинам: 1)пост Evan`а о темпах развитя за 2016, 2) доклад Листочкина 3)порыв души и сердца. Что думаешь по этому поводу ?

Мониторю. Мое мнение что популярность ву будет сильно меньше реакта. В основном потому что реакт уже достиг плато продуктивности, а ву нет. Так же потому что мы увидим эффект "победитель забирает все", а ву останется (по моим оценкам) #3 после реакта и нг2 (хотя мне он ужасно не нравится) В то же время я верю что ву позволяет решать бизнес-задачи быстрее и продуктивней именно в сфере аутсорсинга (начиная от порога вхождения для джуниоров и заканчивая более "очевидной" экосистемой), а это значит что спрос на ву разработчиков будет и по моим ожиданиям именно в силу меньшей популярности технологии они будут стоить дороже Мы с Андреем на Speaker Corner'е на последнем MostJS Frameworks Day хвалили Ву. Там было забавно - сидело 5 спикеров на сцене, из них 4 включая меня хайпили Ву

хм, что-то у меня вылетает с ошибкой: у меня есть страничка с авторизацией и я хочу редиректнуть на главную страцу если авторизация прошла успешна: у меня есть геттер isAuthorised есть метод у компоненты: goToApps () { if (this.isAuthorized) { this.$router.push({name: 'apps'}) } } и редирект осуществлятся через: watch: { 'isAuthorized': 'goToApps' },

а зачем вотчер?

похоже что this отваливается

судя по ошибке

а зачем вотчер?

а как по другому?

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

а вообще для этого сценария я бы использовал lifecycle методы или роутинг

а вотчеры это как-то so angular :)

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

как это сделать если не через watcher?

у тебя есть роутер?

у тебя есть роутер?

есть

знаешь что такое lifecycle ?

я так понимаю авторизация выполняется попапом

и может быть с любой страницы

знаешь что такое lifecycle ?

для компоненты только

у роутера тоже самое почти

хуки иные просто

я так понимаю авторизация выполняется попапом

и через попап и через отдельную страницу

ты можешь дергать хук на каждое изменение роута и смотреть авторизован ли пользователь, если нет - редирект на логин пейдж

это не покрывает сценарий попапа

пардон, отошел на пару часов

почему же ?

А

понял

тогда как делать?

документация по хукам ужасна, откуда вы черпали знания?

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

или это там все как-то автоматически подставлется, в чем я сильно неуверен

тебе не нужно использовать хук в компоненте

хорошо, тогда какое условие заставит редиректнуться?

http://router.vuejs.org/ru/advanced/navigation-guards.html

вот с watch все понятно: переменная изменилась - вызвалась функция

это если сейчас говорить про роутинг и без попапа

у тебя есть beforeEach

это если сейчас говорить про роутинг и без попапа

ок

ты там дёргаешь стор, например, чекаешь залогинен ли юзер, если нет делаешь редирект

как мы подставляем туда аргументы to, from, next?

to - роут куда идет переход

from - роут откуда идет переход

to - роут куда идет переход

это я понял, но в фунцию мы передает что-то типо this.$router...?

next - запускает следующий хук

а ты ничего

туда не можешь передать

так так, вроде начинаю догонять

это автоматическая функция, которая вызывается каждый раз, когда меняется твой роут

глупо звучит

но примерно так если на пальцах)

ERROR: S client not available

ща попробую это реализовать

у тебя хук например created в компоненте вызывается каждый раз при рендере, хуки в роутере вызываются каждый раз при роутинге

у тебя хук например created в компоненте вызывается каждый раз при рендере, хуки в роутере вызываются каждый раз при роутинге

звучит умно, но я еще не до конца осознал lifecicle роутера

т.е типо почему он работает именно так

а почему у Ильи: https://gist.github.com/xanf/771ad7fddfce688bbc29b1a0964e23f5 переход на новую ссылку осуществялется через push, а не через next?

Ты путаешь переход на ссылку

или на следующий хук

Илья редиректнул своего юзера на Login и потом обозначил, что дальше можно не юзать хуки, если же юзер залогинен он юзает next()

а, понял

так, я не понял последнюю вещь: почему у него в коде импортится хранилище, а не используется хранилище, которое было передано при инициализации инстанса vue?

если он сделает такие импорты в разных файлах, он ведь получит несколько различных хранилищ, а не копии одного

это хороший вопрос

тоже самое про роутер

я думаю что-то не то

кароч, допустим я нахожусь на страничке авторизации: я успешно авторизировался и хочу редиректнуть пользователя на какую-нибудь страничку, как это сделать?

router.push({ path: 'home' })

или куда там хочется

можно .replace чтобы не осталась авторизация в истории

router.push({ path: 'home' })

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

router.beforeEach((to, from, next) => { if (!store.state.auth.status) { next({ path: '/login' }) } else { next() } })

что-то типа такого в корне делать надо будет, когда все инициализируешь

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

router.beforeEach((to, from, next) => { if (!store.state.auth.status) { next({ path: '/login' }) } else { next() } })

почему ты используешь router, а не this.$router?

почему ты используешь router, а не this.$router?

а все понял

router.beforeEach((to, from, next) => { if (!store.state.auth.status) { next({ path: '/login' }) } else { next() } })

а если мне это не всегда нужно?

const router = new VueRouter({ routes // short for routes: routes })

Перед инициализацией Vue пока еще с роутером возишься будет

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

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

во, и тут у меня есть вопрос

т.е meta работает как if?

в meta как я понял можно пихать всё что тебе захочется и нужно будет