ℝei
а не, возьми parcel, там вообще они заявляют что нет конфигов
Dmitry
там .vue файлов нету
Dmitry
и сорсмапов
ℝei
Где там?
Dmitry
parcel
ℝei
Хз не тыкал
ℝei
Но плагин мелькал где-то. странно если он не умеет во .vue файлы.. хз
Yura
Всем привет, помогите советом как бы по проще стартануть проект с vue-ssr. Нет ли како го то cli или проверенного boilerplate что бы не сильно заморачиваться со сборкой. Есть на гитхабе пару боилерплейтов но они как правило "раздуты" а мне бы как то минималистично.
Виталий
я умею делать сайты на vue. Проблема в том, что каждый заказчик хочет управлять контентом. Это возможно без использования других языков типа python || php
Можно сделать генерацию контента на vue, но сохранение на хостинг вручную - тогда скрипты на сервере не нужны, достаточно статического хостинга. Недавно делал приложение - в vue клиент подается xls файл, он парсится и на его основе генерится json - пользователь его руками копипастит в блокнот и сохраняет в итоге руками на хостинг. Теперь если в клиенте обратиться по адресу с именем файла, то клиент сделает ajax запрос найдет и откроет файл. Решение получается без админки, но с динамическим контентом - хотя и немного неудобное зато простое и дешовое
ghett
так если в es6 то можно короткую запись объектов сделать слово function и двоеточия не нужны вообще
я думал, в таком случае можно схоронить this в переменную, сам не пробовал
ghett
я стильный? как вообще с холиварами, или реактёры с ангулярщиками говном перекидываются исключительно?
ghett
🅆🄷🄸🅃🄴
У всех нормально работает кто использует связку vue webpack со stylus? Не могу понять откуда vue использует mixins для stylus. NPM модули stylus и stylus-loader не используют mixins. Но в итоге в HTML DOM получаются неправильно сгенерированные стили.
🅆🄷🄸🅃🄴
Source
🅆🄷🄸🅃🄴
Result
🅆🄷🄸🅃🄴
Только второй день с vue знаком, google не помог
Bakir Aitkul
Result
Вроде все верно сгенерил
🅆🄷🄸🅃🄴
Вроде все верно сгенерил
посмотри на user-select и дублирующиеся transition, они должны быть по в таком виде -webkit-transition -moz-transition -ms-transition transition
🅆🄷🄸🅃🄴
из-за этого я не могу свои mixins подключить, потому что, что-то перекрывает их
Pavel
Ребята, подскажите Нужно реализовать что-то на подобее Excel таблицы т.е. есть таблица, по стути двумерный массив наверно и нужно реализовать формулы на подобие Excel Где мне копать?
Pavel
вне google documents на своем проекте
Pavel
Скажем есть такая задача Необходимо организовать суточных ввод данных Сколько в день например родились дети в каждом "населенном пункте" На экране нужно показать все населенные пункты в иерархическо структуре РФ->Регион->Районы->Насенный пункт при ввода данных в ячейке по иерархии автоматически должен подсчитать итога Как вы бы решили такую задачу? Это просто пример, а иерархия может быть произвольной глубины
john
кладр
Pavel
суть не в справочнике а в реализации подсчета итогов, автоматически по иерархии
Pavel
реактивно
john
трее волкер
Denis
Не надо использовать что-то только потому, что это модно
Denis
Конкретно во Vue в стрелочной функции вы теряете контекст. Значит она тут не подходит. И нет ничего плохого в использовании обычной функции
Korg
Зачем вам стрелочная функция?
это я тоже понимаю) просто хотел разобраться, можно её там использовать или нет
Denis
это я тоже понимаю) просто хотел разобраться, можно её там использовать или нет
Напрямую в инстансе - нежелательно. Любые методы в инстансе Vue - это обычные функции. Стрелочные вы можете использовать внутри как вспомогательные. Например, если вам надо что-то отфильтровать. this.someArr.filter(elem => elem.id === this.someId);
Serge
Ребят. А кто нибудь наследовал компоненты ? Можно как нибудь "мержить" темплейты
Denis
https://vuejsdevelopers.com/2017/06/11/vue-js-extending-components/
Denis
Оно?)
Serge
Да. оно. только там pug, который тащить не хочется. но смысл такой. Взять html темплейта, поменять частично там что нужно. Да хоть через jquery какой нибудь )) и отрисовать результат в новом
zinge 🐌
ребят, вот в чем сокральный смысл vue + pug ? типа меньше кода/мы так привыкли, или там действительно есть чтото чего я не догоняю ... всервно vue дом ворочает же? или я просто неправильно его использовал ?
Denis
Все дело в лени. Просто многие думают, что если они не будут писать треугольные скобочки и кавычки, то им станет легче жить.
Denis
А вот о том, что читабельность такого кода стремится к нулю, они не думают к сожалению
zinge 🐌
Все дело в лени. Просто многие думают, что если они не будут писать треугольные скобочки и кавычки, то им станет легче жить.
О_о дааа ладна .... че прям тоьлко это ?! я понимаю без vue там +++, но с ним то ? только скобочки и все ?!
Denis
Нигде не видел аргументированный ответ о том, чем использование Pug во Vue-проектах лучше обычного HTML
zinge 🐌
Нигде не видел аргументированный ответ о том, чем использование Pug во Vue-проектах лучше обычного HTML
да я вот тоже думаю также, что он не нужен, но потом подумал ... ну не могут же столько человек ошибаться, может я чегото не понимаю просто ?
Alex
на мой взгляд обычный HTML удобнее, а писать меньше можно с emmet каким-нибудь
Denis
Ну еще как вариант, у них уже развернуто окружение с включенным Pug, и просто привычнее так писать
Alex
ну да, переносить удобнее
zinge 🐌
на мой взгляд обычный HTML удобнее, а писать меньше можно с emmet каким-нибудь
еммет, не еммет, но он реально помему прозрачнее и удобнее
Denis
Но лично у меня глаза вытекают от чтения подобного кода
Serge
ну всё. мой вопрос слили в анналы истории )
Александр
По моему каждому свое. Мне с PUG очень удобно. Привык к этому. Уже года 3 как. Нет кучи закрывающих тегов, все по иерархии очень удобно
zinge 🐌
ну да, переносить удобнее
об этом я думал, и это понятно ,хотя думабю через парсер можно перегнать
Denis
ну всё. мой вопрос слили в анналы истории )
Ну как я понял, нет возможности экстендить темплейты средствами Vue. Разметочку придется ручками писать все равно
Serge
Ну как я понял, нет возможности экстендить темплейты средствами Vue. Разметочку придется ручками писать все равно
я согласен сам их смержить. мне нужно во vue.extend найти темплейт предка. смержить с текущим и куда то положить. по сути точку входа только
Denis
По моему каждому свое. Мне с PUG очень удобно. Привык к этому. Уже года 3 как. Нет кучи закрывающих тегов, все по иерархии очень удобно
Это прекрасно, когда вы привыкли с этим работать и скорость разработки у вас вырастает от этого. Но если смотреть глобально, такой код людям непривычным (которые потенциально будут поддерживать ваш проект) читать крайне сложно. Все же HTML понимает гораздо больше людей
zinge 🐌
По моему каждому свое. Мне с PUG очень удобно. Привык к этому. Уже года 3 как. Нет кучи закрывающих тегов, все по иерархии очень удобно
ну скажем так, я привык, и не готов отказываться от того к чему я привык? понятно что за 3 года привычка превратилась в автоматизм ,и это удобно, и без этого уже никак
Александр
Это прекрасно, когда вы привыкли с этим работать и скорость разработки у вас вырастает от этого. Но если смотреть глобально, такой код людям непривычным (которые потенциально будут поддерживать ваш проект) читать крайне сложно. Все же HTML понимает гораздо больше людей
У нас в команде все работают с PUG. Бэки работают с обычным HTML, то что им идет на выход. Если когда-нибудь получится так, что наши фронтендеры откажутся от PUG - перевести все это в HTML - не проблема. Главное, чтобы сама команда пришла к единому мнению
Denis
У нас в команде все работают с PUG. Бэки работают с обычным HTML, то что им идет на выход. Если когда-нибудь получится так, что наши фронтендеры откажутся от PUG - перевести все это в HTML - не проблема. Главное, чтобы сама команда пришла к единому мнению
Да, я согласен, что в конечном итоге инструмент определяется рабочим процессом. Просто например наши проекты после сдачи заказчику уходят на саппорт в другие компании. И не факт, что там пишут на PUG)
Denis
Не призываю отказываться от PUG) Просто озвучиваю свои причины не использования
Александр
Да, я согласен, что в конечном итоге инструмент определяется рабочим процессом. Просто например наши проекты после сдачи заказчику уходят на саппорт в другие компании. И не факт, что там пишут на PUG)
Ну вот поэтому я и сказал, что каждому свое)) Спорить смысла нет, это холивар) Но в целом да, все конечно зависит от команды и от того, куда потом идет проект. Я работаю над одним большим проектом, весь код только наш под патентом, поэтому мы решили такой путь с PUG:) Хорошо, что в этой группе адекватно воспринимаются разные подходы)
Denis
🙂
Виталий
Ребята, подскажите Нужно реализовать что-то на подобее Excel таблицы т.е. есть таблица, по стути двумерный массив наверно и нужно реализовать формулы на подобие Excel Где мне копать?
На vue такое в принципе реализовать элементарно. - Сделать массив объектов населенных пунктов c id и title н.п. - Сделать форму для ввода данных, где через select отрисовать населенные пункты и поле ввода значения. Записывать значение id н.п. и значение родившихся через v-model в временный объект - По нажатию клавиши "Добавить", можно писать это значение одновременно и в БД, и пушить его в массив уже существующих данных в vue-компоненте. - создать computed свойство которое будет при каждом обновлении этот массив пересчитывать и группировать по каждому ключу суммарный массив значений, например Lodash функцией computed: { result : function () { var tmp = _.groupBy(массив_записей, 'свойство'); получим key -> values хранилище, которое можно отработать, например, через _.map var tmp2 = [] _.forEach(tmp, function(value, key){ var count = 0 _.map(value, function(val){ count += val }) tmp2.push({ id: key, count: count }) }) return tmp2 } После чего отрисовать в template <ul> <li v-for="item in result">{{ item.id }} : {{ item.count }}</li> </ul> И нужно еще сделать вспомогательный метод для получения названия н.п по id чтобы вообще красиво было getTitle(id) { return _.find(массив_нп, { 'id': id }).title } тогда шаблон будет таким <ul> <li v-for="item in tmp2">{{getTitle(item.id) }} : {{ item.count }}</li> </ul> - и все, можно идти пить кофе) Vue awesome! * Естественно, использовать Lodash не обязательно, можно и на чистом JS этот перебор сделать, но я лентяй)
Bera
не подскажите можно ли создать Индикаторы биржевой торговли на vue js если да то как ?
Maksim
D3?
zinge 🐌
На vue такое в принципе реализовать элементарно. - Сделать массив объектов населенных пунктов c id и title н.п. - Сделать форму для ввода данных, где через select отрисовать населенные пункты и поле ввода значения. Записывать значение id н.п. и значение родившихся через v-model в временный объект - По нажатию клавиши "Добавить", можно писать это значение одновременно и в БД, и пушить его в массив уже существующих данных в vue-компоненте. - создать computed свойство которое будет при каждом обновлении этот массив пересчитывать и группировать по каждому ключу суммарный массив значений, например Lodash функцией computed: { result : function () { var tmp = _.groupBy(массив_записей, 'свойство'); получим key -> values хранилище, которое можно отработать, например, через _.map var tmp2 = [] _.forEach(tmp, function(value, key){ var count = 0 _.map(value, function(val){ count += val }) tmp2.push({ id: key, count: count }) }) return tmp2 } После чего отрисовать в template <ul> <li v-for="item in result">{{ item.id }} : {{ item.count }}</li> </ul> И нужно еще сделать вспомогательный метод для получения названия н.п по id чтобы вообще красиво было getTitle(id) { return _.find(массив_нп, { 'id': id }).title } тогда шаблон будет таким <ul> <li v-for="item in tmp2">{{getTitle(item.id) }} : {{ item.count }}</li> </ul> - и все, можно идти пить кофе) Vue awesome! * Естественно, использовать Lodash не обязательно, можно и на чистом JS этот перебор сделать, но я лентяй)
да это проще чем сову нарисовать )))
Виталий
да это проще чем сову нарисовать )))
а представь такое на чистом js делать?
zinge 🐌
))
zinge 🐌
Igor
Кто нибудь встречал библиотеку для реализации выбора места в зале? Как на afisha.yandex.ru
Maksim
А готовый компонент не подскажу )
Sunlive
👍🏻
Pavel
Всем привет. Есть проблема, почему-то геттер во vuex модифицирует state. Вот пример: https://jsfiddle.net/benmor1b/ Vuex - JSFiddle Test your JavaScript, CSS, HTML or CoffeeScript online with JSFiddle code editor.
Pavel
Как сделать, чтобы оригинал не модифицировался при использовании Array.prototype.map