
Like
08.08.2018
06:25:01
В определенный момент тебе придется запарится, чтобы передать данные (например)

Azzy
08.08.2018
06:25:06

Like
08.08.2018
06:25:14
А зачем тебе блейд тогда?)

Azzy
08.08.2018
06:26:20

Google

Like
08.08.2018
06:26:29
Ну так а зачем тебе вьюшки отдавать?)

Azzy
08.08.2018
06:26:50
блейдовские фишки особо там не используется
там стоит один <router-view> и все

Like
08.08.2018
06:27:05
Госпади, я кажись понял
Ты не осилил вью без laravel-mix?

Azzy
08.08.2018
06:28:19
поставил laravel вижу вью из коробки
стал юзать
хотя странно что я и на php не пишу так то,
node.js'сист, но подумал с laravel будет проще саму апишку поднять, да и у клиента свой сайт уже на простом хосте с пхп крутится

Даня
08.08.2018
06:45:33
Подскажите, как лучше делать коммуникацию между компонентами.
В дочернем комопненте есть слайдер, значение которого нужно передать родителю.
Сейчас у меня есть vuex стейт, который для других задач хранит значнеие слайдера.
Как лучше передать значение родителю - через эмит или просто импортировать файл стейта в родительский компнент и через геттер брать значение?

Bohdan
08.08.2018
06:53:28

Даня
08.08.2018
06:54:26
ну стейт в отдельном файле находится state.js
его и собираюсь через импорт в компонент подключить

Shamil
08.08.2018
06:57:52

Bohdan
08.08.2018
06:58:00
так у тебя ведь vuex, зачем его так подключать?
да, mapState или mapGetters

Google

Даня
08.08.2018
07:05:00
а причем здесь mapgetters?
они же для мэпинга сторовских геттеров с компьютед свойствами компоненты
я меняю скролл в дочернем компоненете - записываю процент скрола в стейт. дальше в родителе создаю computed из стейтовского геттера, так?

James
08.08.2018
07:07:30
ради такого гемора можешь напрямую передать
есть тонна вариантов без стора вообщем

Даня
08.08.2018
07:11:38
ну понятно, но просто я все равно в сторе ее храню для других целей

James
08.08.2018
07:11:52
каких?
не проще в child сразу метод передать?

Даня
08.08.2018
07:14:22
там по слайдеру много действий с child происходит, поэтому важно индекс трекать

Bohdan
08.08.2018
07:16:31
ну если оно у тебя в сторе хранится - мапь себе геттер или стейт напрямую
в родителе

Даня
08.08.2018
07:16:52
все понял, спасибо

Bohdan
08.08.2018
07:17:07
только если через геттер маппишь - учитывай, что надо watch вешать

James
08.08.2018
07:17:19
??? зачем?
никакой связи нет

Bohdan
08.08.2018
07:17:59
реактивность

James
08.08.2018
07:18:09
Функция mapGetters попросту проксирует геттеры хранилища через локальные вычисляемые свойства компонента:

Bohdan
08.08.2018
07:18:17
но если у тебя стейт в момент создания пустой, а затем откуда-то обновляется, а в компонент он приходит через геттер vuex - он сам не обновится
надо вешать watch с forceUpdate в нем

James
08.08.2018
07:18:54
ну и как ты завязал отсутсвие реактивности с мапгеттерсом

Google

Bohdan
08.08.2018
07:19:35
никак не завязывал, просто сделал акцент на том, что для меня самого на днях оказалось слегка неожиданным - возможно, это поможет

James
08.08.2018
07:20:09
если нет реактивности на мапгеттерсе то и на обычном геттере ее не будет

Bohdan
08.08.2018
07:20:25
так я не завязывал на конкретно mapGetters
а говорил только о том, что на vuex геттерах ее нет

James
08.08.2018
07:20:40
ок
она есть

Bohdan
08.08.2018
07:21:59
ладно, значит, я сам делал что-то не так

James
08.08.2018
07:22:31
ты передал не объект а его свойство скорее всего

Эльдияр
08.08.2018
07:23:16
https://github.com/emilov2501/vue-shopping-cart если кому интересно тут я выклал код для модуля добавление товаров в корзину

voyageur
08.08.2018
07:37:14
Караул. Посоветуйте нормальный АКТУАЛЬНЫЙ гайд по тестированию вью приложения. Те что есть сыпят километрами ошибок. Если юзать на пустом приложении из CLI то ещё как-то работает. Если пытаться засунуть тесты в существуеший проект - то жопа
А ещё выбрать комплект

voyageur
08.08.2018
07:37:41
Jest mocha karma
CLI 3 or cli2
@vue/test-utils or vue-test-utils
Нифига не понятно
На офиц сайте гайды к старым версиям

ed
08.08.2018
07:40:53

voyageur
08.08.2018
07:42:05
Дело не в том, что кмпонент не поддается.
А в том, что не могу сконфигугрировать тесты, чтоб они вообще запускались
или ок... Это все слишком абстрактно

Google

voyageur
08.08.2018
07:44:49
Есть проект сделанный на cli2. Какая связка лучше для тестирования.
Перевод на CLI3 и jest или оставить как есть и jest. Или Karma, или karma и перевод на cli3
или другие варианты

b0g3r
08.08.2018
07:51:13
Подскажите:
- есть стандартное vue приложение с роутером (webpack template). app1
- есть ещё одно такое приложение. app2
- оба собраны, положены по разным папочкам
- есть nginx. Хочется, чтобы app1 открывался по /, а app2 по /app2

Alex
08.08.2018
07:51:22

b0g3r
08.08.2018
07:51:24
Кто-нибудь подскажет конфиг нжинкса или куда копать?

Bohdan
08.08.2018
07:51:38
что вполне возможно - вчера уже тупил ночью

Alex
08.08.2018
07:51:55
Нифига не понятно
jest, cli3 @vue/test-utils. Все понятно, доки к последним версиям, теперь большая часть в скоупе @vue валяется

Admin
ERROR: S client not available

voyageur
08.08.2018
07:53:10
@alex_sokolov
Ага, таким образом все же надо апгрейдится до CLI3.
Ок, спасибо

Alex
08.08.2018
07:55:04
общее будет даже переиспользоваться в обоих приложениях

b0g3r
08.08.2018
07:56:10
?
Пока не понял фичу, покопаюсь. Спасибо!

ed
08.08.2018
07:57:04
Народ, есть кастом директива, допустим <button v-custom="1">ASD</button> Я могу как-то добавить ее в template только если выполняется условие?
что-то в стиле <button :v-custom="a=== 1 ? 1 : undefined">ASD</button>
только чтобы во втором случае она не назначалась и не обрабатывалась
И второй вопрос. У меня есть объект роута для навигации {name: 'route', params: {id: 10} } как красиво я могу проверить, подходит ли он под текущий роут?

Alex
08.08.2018
08:06:03
Нет, добавляется всегда, но вы можете в директиву параметры прокидывать и внутри на них навешивать логику
https://router.vuejs.org/ru/api/#router-getmatchedcomponents или https://router.vuejs.org/ru/api/#router-resolve с текущим адресом

Александр
08.08.2018
08:07:32

voix
08.08.2018
08:11:10
А откуда ты его вызываешь? Где ты еще menu меняешь?

Google

RNR ?
08.08.2018
08:11:25
наверное потому что в примере там есть Vue.ls.remove('foo');
а у тебя только set

Antony
08.08.2018
08:11:38

RNR ?
08.08.2018
08:11:54
который происходит до установки обработчика onToggleMenu
поменяй set и on местами
мб

Александр
08.08.2018
08:13:16
поменяй set и on местами
Зачем? Всё же правильно. У меня в данных приложения есть объект header со свойством menuVisible. И я сначала устанавливаю дефолтное значение, основываясь на this.header.menuInvisble, а потом из компонента роутера его меняю

RNR ?
08.08.2018
08:14:11
ну у тебя в mounted сначала устанавливается значение, а потом только вешается обработчик который смотрит за изменениями

voix
08.08.2018
08:14:16
В какой момент по твоему обработчик должен сработать? Где ты меняешь menu еще?

RNR ?
08.08.2018
08:14:28
он не может вызваться до того как ты его повесил

Александр
08.08.2018
08:14:42

voix
08.08.2018
08:16:12
А в локал сторедже меняется значение?

RNR ?
08.08.2018
08:16:33
<md-button class="md-primary md-raised" @click="$ls.set('menu', +!$ls.get('menu', 0))">Войти в аккаунт</md-button>
в шаблонах контекст this по умолчанию

Vitalii
08.08.2018
08:18:37

Александр
08.08.2018
08:19:10

RNR ?
08.08.2018
08:19:11

voix
08.08.2018
08:19:29
Да там не обязательно локал, как в опциях задал
Попробуй сразу после того, как назначил обработчик, совершить какую-нибудь грязную магипуляцию с menu в сторейдже
Он должен точно сработать