Oleksandr
ты про это? https://github.com/graphql-boilerplates/vue-fullstack-graphql
Вот я просто спрашиваю мнение комьюнити что лучше юзать
Oleksandr
Я про graphql js
Oleksandr
Именно клиент такой есть на гитхабе
Andy
Именно клиент такой есть на гитхабе
а чем апполо не нравится?
Andy
просто по той ссылке, которую выложил, используется еще и prisma binding. т.е. если тебе как раз нужно сервер написать, то призма поможет, тк там удобный редактор query (получше, чем graphiql). сам не тестил, но вот собираюсь
Oleksandr
а чем апполо не нравится?
Мне нравится аполло. Просто хотелось бы узнать о подводных камнях своего выбора. Аполло вроде не имеет поддержки подписок
Oleksandr
Я в какомто репозитории прочитал что у них это в планах на будущее
Oleksandr
есть в апполо подписки
Вот тут https://github.com/apollographql/apollo-server/blob/master/ROADMAP.md
Alex
Mikhail
Ей, за час ни одного сообщения в сообществе, где все?
Oleksandr
Подскажите, пожалуйста, нужно добавить во vuex нереактивное свойство. state: { groups: { 5: { id: 5 } } } нужно присвоить группе нереаутивное свойство points = [1,2,3,...,100500] - очень много данных и они тормозят всю систему, нужно их убрать из реактивности, но что б были прямо в обьекте.
Oleksandr
Заказывали? 😁
Иван
На парах, в школе или в глубоком похмелье)
Роман
Ей, за час ни одного сообщения в сообществе, где все?
Легко. Щас задам нюбский вопрос. В фронтенде и vue совсем дуб. Вообщем есть приложение с ролями юзеров. Как сделать видимость определенных элементов на странице для каждой роли ? Елементы разные от колонок в таблице до выборов в селекте кторые одни роли юзеров могут видеть вторые нет. Доступ к страницам с определнными ролями ето я понял как через роутер. А тут что каждому элементу прописывать могут они отображаться или нет? Там просто много таких вещей, я весь код забью проверками. Может есть какой то паттерн или какая то либа для таких случаев или что-то вроде аннотации как в яве. Подскажите плиз куда копать
Anton
Можешь сделать универсальный миксин для всех компонентов. В нем будет computed проверка. А в компоненте делаешь упрощённую проверку в template.
Роман
Я понял . спасибо
Anton
А в будущем миксин пополняешь методами и комптедет, которые используются много где
Неп Лох
Список прав в отдельном файле константами
Nikita
Всем привет подскажите пожалуйста, как можно сделать так, чтобы компонент загружался только по требованию Чтобы в бандле его не было, но если он будет нужен, его можно было загрузить и использовать
Nikita
такое вообще возможно?)
Иван
Да
Иван
Async component
Nikita
Спасибо, сейчас погуглю
Неп Лох
https://vuejs.org/v2/guide/components-dynamic-async.html#Async-Components
Иван
Вместо import Comp from 'comp' пишешь const Comp = import('comp')
Nikita
Спасибо всем
Denys
Ребята, цикл по тегам можно делать только с теом <li>?
Denys
/<div id="app-4"> <ol> <li v-for="todo in todos"> {{ todo.text }} </li> </ol> </div>
Denys
Только так?
Kirill
Только так?
Да с каким угодно
Denys
Да с каким угодно
Можно ли мне сделать цикл с простыми тегами див?
Kirill
Можно ли мне сделать цикл с простыми тегами див?
Не быстрее ли попробовать самому? 😂
Denys
Не быстрее ли попробовать самому? 😂
Да у меня просто назрел вопрос, а я пока не за компом))
bnkus
с любым тегом и даже компонентом 😱
Олег
кто как делает такие таблицы в Vue ? можно ссылкой кинуть
Александр
Раньше делал через table tr v-for
Александр
Потом понял, что хрень.
Александр
Сейчас делаю на Bootstrap через <div class="row"> <div class="col" v-for="row in rows">
Ivan
я правильно понял, ты в цикл построения колонок строки пихаешь?..
Bohdan
господа, а не подскажите как правильно получить событие автозаполнение формы, а то пока на форму не клацнешь то значение не получить, я уже и с тайаутами пробовал, и програмно клацал, но все никак
Bohdan
Ivan
а как же игра с colspan rowspan
Александр
я правильно понял, ты в цикл построения колонок строки пихаешь?..
Кто, хочет, может в row. Это для общего понимания код. Я в колонки пихаю примерно так <div class="col-md-6" v-for="row in rows"> У меня получается в две колонки в виде карточек.
Ivan
если работает - то норм
Александр
а как же игра с colspan rowspan
Для этого можно использовать обычные фильтры и группировку.
Ivan
ну да, тут лучше дивами
Олег
это немного не тот случай
Oleksandr
Возможно херню скажу, но попробуйте Object.freeze
Немного не то, мне нужно что б обьект можно было изменять, но свойство points оставалось нереактивным
Oleksandr
Попробуй директиву once
директива только при рендеринге, а задача стоит позволить изменять все свойства обьекта группы, но что б points было нереактивным
🅅aleriy
для подключения глобального стора к компоненту используй getters
Oleksandr
а в какой момент тормоза происходит то?
как только добавляешь points, где 100500 чисел, сразу начинаются тормоза всей системы, что бы ты ни делал
🅅aleriy
как только добавляешь points, где 100500 чисел, сразу начинаются тормоза всей системы, что бы ты ни делал
тормоза появляются в смысле уже после внедрения этих данных в объект?
Oleksandr
да
🅅aleriy
а как они подключены к компоненту?
🅅aleriy
и как они попадают в сам стор vuex?
Oleksandr
к компоненту <group-item v-for="group in groups" :key="group.id" v-bind="group"></group-item>
🅅aleriy
а сам js код компонента?
Oleksandr
в стор они попадают по запросу на сервер
Oleksandr
через мутации
🅅aleriy
покажи лучше сразу код стора и компонента
🅅aleriy
так будет проще понять и ответить
🅅aleriy
где тормоза именно случаются
🅅aleriy
элементов в groups много?
Oleksandr
нет
Oleksandr
тормоза случаются из-за большова кол-ва реактивных данных
🅅aleriy
ок, т.е. сам по себе цикл group in groups выпадает из тормозов
Oleksandr
тормоза появляются и во всех других функциях системы
🅅aleriy
ну покажи где у тебя код с реактивностью
🅅aleriy
как мапятся сами данные в компонент