@vuejs_ru - страница 710 - Telegram web archive

Anonymous

это как шутка про сокс (мячик) с лого майкрософта, который должен по идее зависать в воздухе.

Edward

))

Edward

Но ребята из телеграма постарались и выпустили норм приложение

Anonymous

ребята из Телеграма - вообще молодцы

Edward

Знакомый андроидщик говорил, что их исходники это "amazing"

Edward

Там прям так хорошо все?)

Oleksandr

Господа ребята, здравствуйте. Пришел в мир вью с angular/ember и сразу задаюсь вопросом - как вы организовываете сервисы и связываете их с vuex?

не особо помню это что то типа хелперов и общих функций?

E

Если кто кодил на эмбере, тот меня поймет. Там есть store сервис. В ангуляре нечто подобное можно реализовать через factory. А вот как во vue сделать чтоб по всем канонам я чет хз.

Oleksandr

Vue это view

Oleksandr

И все. Остальное пишете как вам пишется

Oleksandr

Ну ок. MV

E

Это я знаю. Потому то и интересуюсь кто какие практики использует.

Oleksandr

Щас..

E

типа, Vue.someService = myAwesomeImplementation

E

и стучишься отовсюду где надо?

Oleksandr

Типа такого))))

Oleksandr

Да.

E

Или оборачиваешь в плагин какой то.

Oleksandr

Но это плохая для многих практика

Oleksandr

https://vuejs.org/v2/cookbook/adding-instance-properties.html

Oleksandr

https://docs.gitlab.com/ee/development/fe_guide/vue.html

E

Понятненько, пилить независимые велосипеды.

E

Ок, спасибки)

Oleksandr

Ок, спасибки)

Кто ищет тот всегда находит

Oleksandr

https://github.com/ye-will/vue-factory/blob/master/README.md

E

Решил через плагин, внутри которого миксин создает ссылку на нужный мне сервис. Фактически получилось что-то типа синглтона - инициализация и конфигурация через Vue.use а в компонентах по ссылке доступен инстанс.

Oleksandr

Ну вот та хрень вроде тоже самое делает. У меня в проекте один ангулярщик. Тянет оттуда все к чему привык ))..

E

Да блин, сомнительная зависимость. Рука не поднимается использовать.

Oleksandr

Опишите юзкейс.

E

Firebase прикручиваю. Знаю что есть куча решений, но пытаюсь свое сделать, с блек-дже... эмм... моделями и репозиториями под каждый реф.

Oleksandr

У меня есть готовое

Oleksandr

Точнее я использую vuexfire

Oleksandr

Если у вас вьюекс. А если просто то vuefire

Oleksandr

Разработчик кстати пообещал до конца года доделать интеграцию с firestore

E

За vuexfire спасибо, похоже он меня полностью устроит. Vuefire видел, сразу понял что не подойдет, а вот vuexfire как то не заметил.

E

про firestore тольк сегодня узнал, если честно) Интересная штука)

Oleksandr

За vuexfire спасибо, похоже он меня полностью устроит. Vuefire видел, сразу понял что не подойдет, а вот vuexfire как то не заметил.

Там настолько все просто что... Единственное если рефов много то надоест копипастом заниматься

Anonymous

во Vuetify у данных компонентов Data Tables в items первым свойством идет value: false, оно для чего?

Rafael 🌵

во Vuetify у данных компонентов Data Tables в items первым свойством идет value: false, оно для чего?

Для v-model

Anonymous

Для v-model

оно обязательно?

Rafael 🌵

Хз, не помню

Anonymous

в принципе без него все норм работает, так что наверно нет

vsh

Всем привет. Такая ситуация: по axios запросу обновляются поля на странице (span). Их реально штук 30 на странице. Нужно сделать функцию для обновления класса спана, в зависимости от нынешнего значения/текста в нем. А-ля если 0 или 'N/A', то один класс, в остальных случаях - другой

Anonymous

Всем привет. Такая ситуация: по axios запросу обновляются поля на странице (span). Их реально штук 30 на странице. Нужно сделать функцию для обновления класса спана, в зависимости от нынешнего значения/текста в нем. А-ля если 0 или 'N/A', то один класс, в остальных случаях - другой

я не уверен но кажись это computed

Margarita

Всем привет. Такая ситуация: по axios запросу обновляются поля на странице (span). Их реально штук 30 на странице. Нужно сделать функцию для обновления класса спана, в зависимости от нынешнего значения/текста в нем. А-ля если 0 или 'N/A', то один класс, в остальных случаях - другой

https://ru.vuejs.org/v2/guide/class-and-style.html мне кажется, вот таким вот способом можно сделать😊

vsh

Спасибо! Вопрос тогда, не плодить же мне 30 таких методов под каждый спан, можно же как то сделать умнее?)

Astr0junk

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

Astr0junk

:class=“checkClass(myValue) ? ‘Yesclass’ : ‘Noclass’ “

vsh

Хорошо. К примеру, у меня есть спан, к которому привязана переменная "impressions". Тогда по типу будет что-то вроде checkClass(impressions)?

Astr0junk

@shxtov ага

vsh

Спасибо, доеду до универа - попробую)

Astr0junk

@shxtov метод должен вернуть бульку, имя класса уже в шаблоне выберешь от тру фолс

Margarita

Хорошо. К примеру, у меня есть спан, к которому привязана переменная "impressions". Тогда по типу будет что-то вроде checkClass(impressions)?

Я бы делала таким образом: завела в блоке data переменную вроде isActive и инициализировала ее false. Затем, когда axios получает данные, в then присвоила isActive значение true. и в разметке делала таким образом: :class=“isAcitve ? ‘active’ : ‘disactive’ “

vsh

@astr0junk а Вы имели ввиду computed или method?

vsh

Для выполнения моей задачи с классами

Astr0junk

Метод

vsh

👍