Удобно интегрировать в существующий проект чтобы итерациями переписывать не останавливая разработку, и не начиная параллельно всё с нуля. С шагом сборки в vue-файлах много плюшек накрутить можно. Быстро работает, не нужно заморачиваться например как в реакте описывая когда компонент должен обновляться или нет

я бы еще добавил систему миксинов и плагинов

ну это биндим пропс вниз лишь

а для идиота, пожалуйста, поясните?))

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

значение

а можно ли как-то обработчик один раз вызвать, как только он data получил?

ну, или, в крайнем случае, забить дефолтное через DOM?

ванильным js

тааак, надо про vue-select тогда читать

я думал там имелся ввиду @change="handler"

я почему-то думал, что vue-select'ом все по дефолту уже пользуются

ну вот в первом примере <v-select :value.sync="selected" :options="options"></v-select> data() { return { selected: null, options: ['foo','bar','baz'] } } если в selected вместо null стояло бы 'foo' то предвыбрался этот пункт

по дефолту обычный <select> пишут)

sync? :)

не знаю зачем они там с .sync пример показывают)

видимо не рассчитан на работу через v-model

о, а в readme.md пример с v-model, а на сайте нет

Ну через :value как в примере - точно работает и значение предустанавливается. Проверил через jsfiddle

блэт, карочи есть ок рускоязычные курсы по d3?

Я, было дело, работал с d3 напрямую. Эта библиотека достаточно низкоуровневая, чтобы использовать ее для графиков. В графике обычно нужны: оси, подписи по осям, сетка, тултипы, курсоры, легенда - так вот все это на d3 тебе придется городить самому. Зато сможешь нагородить ровно то, что тебе нужно. У d3 есть несколько либ для графиков, которые на ней базируются (с3.js, dc.js, ...). Хороших из них я не нашел, но это было полгода назад может сейчас дело лучше. Сама d3 не такая уж сложная в изучении (правда на английском языке). Хороший туториал есть у самого Майка Бостока https://bost.ocks.org/mike/bar/ А дальше нужно разобраться в ключевых концепциях d3: 1) global update pattern 2) layouts 3) scales ... PROFIT. Естественно если нужен барчарт, то изучать это все дело немножко оверхерд.

у меня что-то прям пиздецки d3 не пошел, хотя даже сорсы ковырял

d3 чертовски хорош, но сложен для освоения для обычных чартов можно использовать что попроще - например, chartjs.org

есть обертка для vue: http://vue-chartjs.org

Коль уж заговорили про d3. Он подойдёт для того, чтобы отрисовать гинеалогическое дерево, например? Или есть что попроще/получше?

Коль уж заговорили про d3. Он подойдёт для того, чтобы отрисовать гинеалогическое дерево, например? Или есть что попроще/получше?

подойдет есть даже либа для этого поверх d3 - dTree https://github.com/ErikGartner/dTree

подойдет есть даже либа для этого поверх d3 - dTree https://github.com/ErikGartner/dTree

Спасибо, посмотрю.

Ребят, кто-то использовал в своих проектах flatpicker

Ребят, кто-то использовал в своих проектах flatpicker

Использовал. Работает

Он же на поле кидается

Или висит открытый, но тоже под полем

Использовал. Работает

все я разобрался, проблема была в том что я изначально его использовать его из коробки vue-blu а там вместо :config называется :option

#whois Всем привет! 1. Работаю главным разработчиком в ИТ компании. 2. Специалист по backend фреймворкам на PHP. 3. Новыми идеями реализации протоколов взаимодействия. 4. Помощью. 5. Казахстан Алматы. 6. Нашел ссылку в блоге https://medium.com/@modex13/vue-js-2-computed-%D0%B2%D1%8B%D1%87%D0%B8%D1%81%D0%BB%D1%8F%D0%B5%D0%BC%D1%8B%D0%B5-%D1%81%D0%B2%D0%BE%D0%B9%D1%81%D1%82%D0%B2%D0%B0-6649a2169b67

Ребят, как получить доступ к вычисляемому свойству из кода анонимной функции другого вычисляемого свойства

?

Ребят, как получить доступ к вычисляемому свойству из кода анонимной функции другого вычисляемого свойства

this.computedVar

Парни, есть index.html-шаблон из vue-cli webpack Как происходит встраивание скриптов в index.html? Вот сюда: <!-- built files will be auto injected -->

Парни, есть index.html-шаблон из vue-cli webpack Как происходит встраивание скриптов в index.html? Вот сюда: <!-- built files will be auto injected -->

HtmlWebpackPlugin

Вопрос в том, что в одном проекте встраивается как <script type=text/javascript src=/static/js/app.ade2fc7a2671b932110b.js></script> а в аналогично созданном новом проекте уже вот так: <script type="text/javascript" src="app.js"></script>

HtmlWebpackPlugin

в webpack.dev.conf.js настройки одинаковые у этого плагина

в webpack.dev.conf.js настройки одинаковые у этого плагина

Он встраивает в html все что выплевывает вебпак, посмотри чем отличаются output у этих конфигов

this.computedVar

Что-то не пашет. Пишет что нет такого свойства computedVar

Что-то не пашет. Пишет что нет такого свойства computedVar

это был пример, вместо computedVar надо название вашего вычисляемого подставить

Он встраивает в html все что выплевывает вебпак, посмотри чем отличаются output у этих конфигов

а где это смотреть?

Поэтому в одном случае просто app.js, в другом app.blablabla.js

это был пример, вместо computedVar надо название вашего вычисляемого подставить

Все понял, дело было в области видимости this. внутри анонимной была еще одна анонимка. Благодарю!

Всем привет

Подскажите как можно выполнить агрегатные функцию во vue по условию

Например

Есть список задач в массиве tasks: []

У задачи есть статус false/ true

Как отрендерить tasks.length но только для задачи, допустим у которых status = true

Заранее спасибо

а в дев такого нет. В дев режиме у меня в одном проекте /app.js, в другом просто app.js как поменять?

Как отрендерить tasks.length но только для задачи, допустим у которых status = true

tasks.filter

Как отрендерить tasks.length но только для задачи, допустим у которых status = true

v-for task in tasks v-if task.status

Выводятся без проблем

Как подсчитать кол-во выполненых задач

По аналогии tasks.length - но он выводит просто кол-во всех задач выполненых и не выполненых

filter + length

tasks.filter(task => task.status).length попробуй так хз

v-for task in tasks v-if task.status

Вариант конечно не лучший, условие будет выполняться на каждую итерацию цикла. Лучше сделать computed, где по условию отфильтруются не нужные и оставшееся уже выводить в шаблоне без условий

tasks.filter(task => task.status).length попробуй так хз

Да, так работает

Спасибо

Вариант конечно не лучший, условие будет выполняться на каждую итерацию цикла. Лучше сделать computed, где по условию отфильтруются не нужные и оставшееся уже выводить в шаблоне без условий

Хорошо, на основе решения буду выносить в метод computed

ERROR: S client not available

Спасибо за помощь

Вариант конечно не лучший, условие будет выполняться на каждую итерацию цикла. Лучше сделать computed, где по условию отфильтруются не нужные и оставшееся уже выводить в шаблоне без условий

Спасибо, буду знать

А кто-нибудь работал с twitter API в vue-resource?

У меня нет доступа к данным в JSON

Как получить доступ к этому API, просто даже на самые стандартные методы выбивает в authorization failed

Как зарегестрировать мое приложения для доступа?

Хочу отрендерить например последние 5 твитов по хеш тегу например

Вопрос исключительно по получению доступа к их API. Как работать с API - ответы не нужны, уже знаю как.

Получить у твиттера токен на доступ к API, и с ним уже работать и делать запросы

Да это ясно ) Вопрос как его получить и интегрировать в приложение

Ну возможно оффтоп

Так что наверное не сюда вопрос

Да это ясно ) Вопрос как его получить и интегрировать в приложение

вот смотри как чуваки сделали https://github.com/pespantelis/vue-typeahead

Демонстрашку смотреть надо

Клево, спасибо

а, там подкол. Не смотри на пример

Надо будет форкнуть и поработать

а, там подкол. Не смотри на пример

Он просто кидает на страницу пользователя

не, там они через прокси

и через devtools не глянуть, заблочено, ну ладно разберусь сам как нибудь

Да это ясно ) Вопрос как его получить и интегрировать в приложение

Хранить токен например в локалсторадж. С каждым запросом отправлять его например в заголовках

Понял, просто получается все равно регаться надо приложение. С VK API в этом плане намного проще было

Понял, просто получается все равно регаться надо приложение. С VK API в этом плане намного проще было

Вк апи это тоже oauth2.0 же :)

Или Твиттер не на нем работает?

кто юзал flatpickr?

кто юзал flatpickr?

Уже второй раз за день спрашивают, я юзал)

а ты от него страдал?

ну пока не все гладко чтобы допилить компонент, который и дефолтные даты выставляет и в range-mode работать будет)

я вот настрадался, я выполнение своей задачи затянул на 1 рабочий день из-за него.

для простых случаев работает ок

1. он не жалуется если не может прочитать дату, и выводит как может, а потом несколько часов тратишь, чтоб понять, откуда проблема