@vuejs_ru
Rafael04.01.2017
21:14:14
21:14:14
в meta как я понял можно пихать всё что тебе захочется и нужно будет
ок, вот я пихнул туда что-то, а в какой функции я использую эту мету? и как?ок, вот я пихнул туда что-то, а в какой функции я использую эту мету? и как?
не актуально, ниже написанно там
Alex04.01.2017
21:14:54
21:14:54
у того роута в мета будет свойство равное true, и например в той проверке можно добавить кроме проверки хранилища чекать на if (to.meta.Auth && !store.state.auth.status) {
*requiredAuth
GoogleRafael04.01.2017
21:15:26
21:15:26
ога)
Ksetrin04.01.2017
21:15:31
21:15:31
Мониторю. Мое мнение что популярность ву будет сильно меньше реакта. В основном потому что реакт уже достиг плато продуктивности, а ву нет. Так же потому что мы увидим эффект "победитель забирает все", а ву останется (по моим оценкам) #3 после реакта и нг2 (хотя мне он ужасно не нравится)
В то же время я верю что ву позволяет решать бизнес-задачи быстрее и продуктивней именно в сфере аутсорсинга (начиная от порога вхождения для джуниоров и заканчивая более "очевидной" экосистемой), а это значит что спрос на ву разработчиков будет и по моим ожиданиям именно в силу меньшей популярности технологии они будут стоить дороже
Мы с Андреем на Speaker Corner'е на последнем MostJS Frameworks Day хвалили Ву. Там было забавно - сидело 5 спикеров на сцене, из них 4 включая меня хайпили Ву
Соглашусь, только я таки думаю что ву станет номер 2 а со временем еще поборется звание номер 1. Реакт будет номер 1, это к гадалке не ходи, еще очень долго за счет разработанной клиентской базы. Ангуляр2 у многих вызвал только негатив, т.е. не оправдал успех первой версии, поэтому трудно ему придется, а ву популярность растет бешеными темпами и хаип от профессионалов. Кроме того, ву вошел в коробку ларавеля (самый популярный пхп фреймворк в мире), и форк ву использует алибаба (самая крупная китайская корпорация), ставлю на то, что вы станет номер 2 уже в 2017Alex04.01.2017
21:16:28
21:16:28
вовремя запрыгнули на поезд хайпа
Rafael04.01.2017
21:17:06
21:17:06
Igor04.01.2017
21:17:41
21:17:41
Соколов поменял аватарку и чат заиграл новыми красками.
Rafael04.01.2017
21:17:45
21:17:45
карочи они не пихаю все в конструнтор vue а просто где нужно его импортят
Igor04.01.2017
21:17:48
21:17:48
Сначала даже не узнал его.
Alex04.01.2017
21:18:02
21:18:02
В новый год с новой авой
Rafael04.01.2017
21:26:06
21:26:06
GoogleRafael04.01.2017
21:26:39
21:26:39
мне НЕ нужно на страницу с авторизацией, я сейчас нахожу на ней, мне нужно перейти с нее на главную
Михаил04.01.2017
21:27:24
21:27:24
а почему
не написать еще один иф не проверить на какой ты странице и сделать редирект на главную?
Alex04.01.2017
21:28:19
21:28:19
Ну или на странице авторизации сделай кнопку "ПЕРЕЙТИТУДАТО" если авторизован провалится дальше, если нет вернется на авторизацию снова
Rafael04.01.2017
21:29:03
21:29:03
Rafael04.01.2017
21:31:45
21:31:45
перед рендером auth
нет, вот опять про одно и тоже говорите мне, а я вам говорю про другое:
я уже нахожусь на страничке /login, еще не авторизированный
дальше я ввожу логин и пароль и если все успешно то геттер хранилища isAuthorized становится true
дальше если он стал тру, мне нужно редиректить на главнуюесть только вот эта ситуация и все
Rafael04.01.2017
21:32:36
21:32:36
а вы мне рассказываете, что я уже на главной и если я не ваторизирован, то как кидать на логин
Михаил04.01.2017
21:33:51
21:33:51
не могу понять зачем вотчить
ты когда авторизуешься тыкаешь кнопочку "Логин"
или че там у тебя
вызывается событие
GoogleAlex04.01.2017
21:34:20
21:34:20
ну где там у тебя true становится, пихани после this.$router.push('/')
Михаил04.01.2017
21:34:22
21:34:22
и если все прошло успешно делаешь редирект, не?
Alex04.01.2017
21:34:44
21:34:44
push точнее, go раньше был
Rafael04.01.2017
21:35:13
21:35:13
кароч, у меня есть комонента Auth которая используется и в попапе и в страничке логина, и я не хочу в него пихать то, что зависит от того, где он будет рендерится
Alex04.01.2017
21:35:47
21:35:47
ну компонент же будет обрабатывать авторизованы ли мы в итоге или нет
Rafael04.01.2017
21:36:24
21:36:24
ну компонент же будет обрабатывать авторизованы ли мы в итоге или нет
да, и его результат это то, что isAuthorized становится trueAlex04.01.2017
21:36:44
21:36:44
ну вот где становится программно редирект сделай на главную) или куда надо)
Rafael04.01.2017
21:37:23
21:37:23
ну вот где становится программно редирект сделай на главную) или куда надо)
но ведь тогда я подмешиваю в Auth компоненту то, что там быть не должнои если авторизация идет через попап, то смысла в редректе - нет
Alex04.01.2017
21:38:41
21:38:41
подмешивай название пути на который надо перенаправить
который откуда-то из внешнего мира придет
Rafael04.01.2017
21:39:07
21:39:07
Alex04.01.2017
21:39:29
21:39:29
чтобы не подмешивать в Auth то чего там быть не должно)
Rafael04.01.2017
21:39:44
21:39:44
если я нахожусь на странице /login оно нужно, а если я уже на /main и авторизация через попап - не нужно
Alex04.01.2017
21:40:36
21:40:36
генерируй всегда событие что авторизовались, а где надо слушай его
Rafael04.01.2017
21:40:53
21:40:53
пасиба всем)
#router #хуки
Illya04.01.2017
22:41:51
22:41:51
так, я не понял последнюю вещь:
почему у него в коде импортится хранилище, а не используется хранилище, которое было передано при инициализации инстанса vue?
исторически сложилось, вначале это был роутер хук, а не хук на уровне компонента, а в роутер хуках хранилище недоступно. Надо бы поправитьGoogleIllya04.01.2017
22:45:35
22:45:35
Хотя честно говоря вот эти this.$router и this.$store вызывают у меня отторжение
Ну т.е. я понимаю что и как, но блин
Oleg05.01.2017
01:56:42
01:56:42
Почему мне нравится sublime: https://blog.xinhong.me/post/sublime-text-vs-vscode-vs-atom-performance-dec-2016/
Евгений05.01.2017
18:32:54
18:32:54
deep
watch: {
a: function (val, oldVal) {
console.log('new: %s, old: %s', val, oldVal)
},
// string method name
b: 'someMethod',
// deep watcher
c: {
handler: function (val, oldVal) { /* ... */ },
deep: true
}
}
это если объект весь вотчить
AdminERROR: S client not available
Евгений05.01.2017
18:34:16
18:34:16
вроде так
а если ожно вложенное то
watch : {
'bla.bla' : ....
}
попробуй в кавычки взять
Rafkat05.01.2017
18:39:24
18:39:24
Ок, понял, спасибо
Просто у меня есть юзер
И надо вотчить изменения его свойств
Rafael05.01.2017
21:31:08
21:31:08
ребзь, если я ипортирую хранилище, а не пихаю его в конструктор инстанса вью
то я же по прежденму могу использовать например
mapGetters({
abc: 'aaa'
})
? если да, то внутри вызывать this.abc (в чем я очень сомневаюсь) или как-то что-то типо store.abc()?
Rafael05.01.2017
21:43:27
21:43:27
я же правильн делаю?
создаю инстанс хранилища
export const store = Vuex.Store(...)
Потом кидаю его в конструтор вью:
new Vue({
...,
store,
...
})
?
я же правильн делаю?
создаю инстанс хранилища
export const store = Vuex.Store(...)
Потом кидаю его в конструтор вью:
new Vue({
...,
store,
...
})
?
решено:
const store = new Vuex.Store(...)
export default storeребзь, если я ипортирую хранилище, а не пихаю его в конструктор инстанса вью
то я же по прежденму могу использовать например
mapGetters({
abc: 'aaa'
})
? если да, то внутри вызывать this.abc (в чем я очень сомневаюсь) или как-то что-то типо store.abc()?
вот это еще актуально, не могу понять, как это решитьGoogleRafael05.01.2017
21:55:52
21:55:52
https://github.com/vuejs/vue-hackernews/blob/gh-pages/src/components/UserView.vue
откуда взялся route в компоненте?
Stanislav06.01.2017
01:54:31
01:54:31
https://github.com/vuejs/vue-hackernews/blob/gh-pages/src/components/UserView.vue
откуда взялся route в компоненте?
Я там тредик сверху прочитал, про авторизацию.
Если мне память не изменяет, в офф.репе vue-router, в папке examples, есть пример авторизации.Rafael06.01.2017
03:46:31
03:46:31
Я там тредик сверху прочитал, про авторизацию.
Если мне память не изменяет, в офф.репе vue-router, в папке examples, есть пример авторизации.
О, пасиба, утром поищуЯ там тредик сверху прочитал, про авторизацию.
Если мне память не изменяет, в офф.репе vue-router, в папке examples, есть пример авторизации.
посмотрел я - не тоя уже сам это сделал
лучше скажите, стоит ли стек ошибок для вывода пользователю пихать в хранилище?
Rafael06.01.2017
20:27:07
20:27:07
ребзь, если я ипортирую хранилище, а не пихаю его в конструктор инстанса вью
то я же по прежденму могу использовать например
mapGetters({
abc: 'aaa'
})
? если да, то внутри вызывать this.abc (в чем я очень сомневаюсь) или как-то что-то типо store.abc()?
@xanf_ua можешь еще вот это пояснить? я вчера и так и сяк пробовал - не осилилIllya06.01.2017
20:28:22
20:28:22
ребзь, если я ипортирую хранилище, а не пихаю его в конструктор инстанса вью
то я же по прежденму могу использовать например
mapGetters({
abc: 'aaa'
})
? если да, то внутри вызывать this.abc (в чем я очень сомневаюсь) или как-то что-то типо store.abc()?
нет не можешь. Сгенерированные функции будут обращаться к this.$store которого нетRafael06.01.2017
20:29:03
20:29:03
т.е в таком случае сахар в виде проксей типо mapActions применять нельзя?
Illya06.01.2017
20:29:18
20:29:18
ну, ты конечно можешь где нибудь делать this.$store = store
и сахар заработает
Rafael06.01.2017
20:29:33
20:29:33
а ты как делаешь?
Illya06.01.2017
20:29:38
20:29:38
я пихаю стору
Rafael06.01.2017
20:30:04
20:30:04
отлично??
Illya06.01.2017
20:31:31
20:31:31
хотя и с извратом
Rafael06.01.2017
20:31:55
20:31:55
Illya06.01.2017
20:33:27
20:33:27
@Fl0pZz иногда я так делаю
Открыть в Telegram