@vuejs_ru
Vue.js — русскоговорящее сообщество

Общаемся на темы, посвященные Vue.js и опыту его использования. Проблемы. Новости. Решения. См. также: @js_ru, @react_js, @angular_ru, @nuxtjs_ru Вакансии только тут: @javascript_jobs

3988 members

Архив канала @vuejs_ru 9 января 2017 г.

08:01:11 ДП
User 29575970
Привет всем
08:01:24 ДП
User 29575970
с чего начать знакомство с vue?
08:01:35 ДП
User 29575970
есть курсы годные?
08:01:40 ДП
User 29575970
или только офф доки?
08:01:52 ДП
User 293645084
документация норм
08:02:18 ДП
User 293645084
пару часиков чтения с практикой и уже можно писать
08:03:55 ДП
User 60331718
User 29575970
или только офф доки?
Там ок туториалы в вью
08:04:03 ДП
User 60331718
Причём есть русская локализация
08:04:11 ДП
User 29575970
класс
08:04:15 ДП
User 29575970
ну пойду читать
08:04:17 ДП
User 29575970
спасибо
08:17:19 ДП
User 85413039
https://medium.com/@s_eschweiler/vue-js-2-quickstart-tutorial-2017-246195cfbdd2#.e4cy0q9ft
medium.com/@s_eschweiler/vue-js-2-quickstart-tutorial-2017-246195cfbdd2
This post has been published first on CodingTheSmartWay.com.
08:25:42 ДП
User 184398046
User 136935602
на vue-class-component
А как декораторы вяжутся с flow? Да и на ts же написан?
08:26:29 ДП
User 152816933
а тем временем на гитхабике пилять нативные кастомные компоненты под 2 вью https://github.com/vuejs/vue-element/pull/9
github.com/vuejs/vue-element/pull/9
Completely rewritten Vue-element plugin, full-featured, with docs and demos. Docs - https://github.com/karol-f/vue-element/tree/wip/master/vue_2_element Demos - https://karol-f.github.io/vue-elemen...
08:46:04 ДП
User 133750577
User 152816933
а тем временем на гитхабике пилять нативные кастомные компоненты под 2 вью https://github.com/vuejs/vue-element/pull/9
github.com/vuejs/vue-element/pull/9
Completely rewritten Vue-element plugin, full-featured, with docs and demos. Docs - https://github.com/karol-f/vue-element/tree/wip/master/vue_2_element Demos - https://karol-f.github.io/vue-elemen...
Это типа офишал либы для базовых ui-шек?
08:46:20 ДП
User 152816933
Эээ.. нет
08:46:52 ДП
User 152816933
Это html5 custom components что по спеке
08:46:52 ДП
User 133750577
А в чем соль-то тогда?
08:48:00 ДП
User 152816933
В том, что пилят плагин для их поддержки в vue
08:56:08 ДП
User 59417279
User 29575970
есть курсы годные?
https://laracasts.com/series/learning-vuejs/episodes/1
laracasts.com/series/learning-vuejs/episodes/1
Before we get our feet wet, give me a half hour, and we'll build a little tool together from scratch. Don't worry; I'll go fast in this video, but once we finish - and once you've had the chance to get really excited - we'll hit the brakes, and begin reviewing each fundamental piece of Vue.js. View the completed source (all 77 lines of it) and demo for this lesson on GitHub.
09:00:54 ДП
User 60331718
User 152816933
Это html5 custom components что по спеке
Не могу понять, в чем отоичае от того, что сейчас?
09:02:17 ДП
User 57772277
User 60331718
Не могу понять, в чем отоичае от того, что сейчас?
Наверное в этом?
09:03:07 ДП
09:14:02 ДП
User 152816933
Просто почитай про custom components
09:16:29 ДП
User 60331718
Ок, ок
09:16:31 ДП
User 60331718
Уже читаю
11:02:27 ДП
User 40268779
Парни накидайте крутых през по v2, хочу тут на митапе рассказать коллегам почему vuejs хороший
11:14:39 ДП
User 112715267
как бороться с апатией
11:15:34 ДП
User 110402941
User 112715267
как бороться с апатией
покодить что либо интересное
11:15:55 ДП
User 152816933
Может он чатиком ошибся
11:16:25 ДП
User 112715267
User 110402941
покодить что либо интересное
я всегда пробую пилить что-то интересное, т.к. идеи сам придумываю, на заказ редко что делаю
11:16:30 ДП
User 112715267
так что это не панацея(
11:17:00 ДП
User 60331718
User 112715267
я всегда пробую пилить что-то интересное, т.к. идеи сам придумываю, на заказ редко что делаю
Прилепи ааторизацию
11:17:06 ДП
11:18:10 ДП
User 110402941
я вот не пойму в чём смысл Custom Elements for Vue.js
11:18:58 ДП
User 112715267
https://karol-f.github.io/vue-element/#/demos/basic
Что это за бред?
karol-f.github.io/vue-element
Vue-elememt - Custom Elements for Vue.js
11:19:57 ДП
User 152816933
User 112715267
как бороться с апатией
А вообще, перестать кодить. я серьезно
11:20:24 ДП
User 112715267
я тут уже почти неделю не задаю никаких вопросов
11:20:31 ДП
User 75260065
Перестать кодить и начать жить)))
11:20:32 ДП
User 112715267
соответственно ~_~
11:20:47 ДП
User 110402941
и решил по офтопить
11:20:51 ДП
11:21:40 ДП
User 152816933
я с августа 3 месяца старался к компу не подходить. вроде помогло
11:22:03 ДП
User 152816933
правда, между делом еще на море съездил
11:22:07 ДП
User 112715267
User 110402941
и решил по офтопить
если честно, никогда не понимал таких утверждений.
типа, если чат тематический, то это не значит, что только об этом нужно в нем говорить.  иначе сложится впечатление, будто тут одни ботаны, которое кроме Vue ничего не видят в жизни
11:22:27 ДП
User 152816933
ну как бы чатик по vue
11:22:52 ДП
User 112715267
я понимаю, но иногда можно, думаю, на другие темы побеседовать
11:23:10 ДП
User 152816933
люди приходят судя про фреймворк поговорить. для остальных тем другие чатики, твиттеры и т.д.
11:23:14 ДП
User 110402941
так бы мне кто ответил по теме, но из-за оффтопа мой вопрос ушёл в историю
11:23:15 ДП
User 105390624
чатик по vue, вот и надо говорить о нем, а для всего остального есть другие чаты, не для "ботанов"
11:23:39 ДП
11:23:42 ДП
User 105621481
Еще вирта здесь не хватает..
11:23:48 ДП
User 105621481
Знакомств.
11:23:51 ДП
User 152816933
астановись
11:23:51 ДП
User 112715267
наверное, я что-то не понимаю
11:25:34 ДП
User 133750577
User 110402941
так бы мне кто ответил по теме, но из-за оффтопа мой вопрос ушёл в историю
Я не разбирался пока, но посмотрев 5 минут: пропсы у компонентов просто не затираются, а остаются в DOM
11:26:38 ДП
User 105390624
User 112715267
если честно, никогда не понимал таких утверждений.
типа, если чат тематический, то это не значит, что только об этом нужно в нем говорить.  иначе сложится впечатление, будто тут одни ботаны, которое кроме Vue ничего не видят в жизни
Тебе сюда https://telegram.me/flood )
telegram.me/flood
♻️Чистим конференции от флуда ♻️Разговоры не по теме (РАЗГОВОРЫ) ❌Advertising/Реклама (сразу в бан с пометкой спама) ❌Spam/Спам (в т.ч. стикерами) ❌Insulting participants/Оскорбление участников
11:27:29 ДП
User 112715267
бло, а в телеграме мутить нельзя?
11:28:04 ДП
User 110402941
это и есть телеграмм
11:28:13 ДП
User 105390624
Можно, но девченок мало☹️
11:28:35 ДП
User 112715267
User 110402941
это и есть телеграмм
11:28:46 ДП
User 112715267
User 105390624
Можно, но девченок мало☹️
мУтить
11:28:48 ДП
11:29:03 ДП
User 152816933
чувак, ну, завязывай
11:30:47 ДП
User 215699186
Может модераторов завести для этого чатика, Алексей?
давать хотя бы временный unvoice, или тут так нельзя?
11:31:42 ДП
User 112715267
господи, раз всех так это напрягает
буду только по Vue тут писать
11:32:22 ДП
User 60331718
User 112715267
господи, раз всех так это напрягает
буду только по Vue тут писать
Я так и делаю, последние несколько дней вечера скоротали читая мои вопросы
11:32:23 ДП
User 215699186
напрягает, очень
11:32:30 ДП
11:32:30 ДП
User 60331718
И часто, мои ответы на них же :D
11:35:10 ДП
User 55423102
из интересного про Vue, тут начинают переводить документацию к Nuxt.js) может кто захочет присоединиться
11:54:40 ДП
User 108562525
User 152816933
Это html5 custom components что по спеке
А в двух словах можешь объяснить, о чём это?
12:10:52 ПП
User 152816933
грубо говоря - свои кастомные теги. Как в vue мы пишем <my-component></my-component>, так и тут, только с нативной поддержкой браузера.
12:11:48 ПП
User 152816933
только не custom components, а Custom Elements. Я обшибся
12:13:16 ПП
User 133750577
А в чем поддержка-то выражается? Браузеры и так поддерживают любые теги, хоть <abracadabra></abracadabra>, разве нет?
12:13:18 ПП
User 152816933
Это одна из частей спеки нативных Web Components. Далее ShadowDOM, стилевая изоляция и прочее.
12:14:07 ПП
User 152816933
User 133750577
А в чем поддержка-то выражается? Браузеры и так поддерживают любые теги, хоть <abracadabra></abracadabra>, разве нет?
специальное api для работы.
Опять таки повторюсь - часть спеки Web Components, нативной реализации веб-компонетов
12:15:00 ПП
User 112715267
а в чем прикол-то, зачем
я так и не понял
12:15:22 ПП
User 112715267
браузеры их все равно поддерживают
и работать с ними можно, как с обычными
12:15:26 ПП
User 112715267
в чем разница тогда
12:15:32 ПП
User 133750577
Ну видимо речь об этом https://developer.mozilla.org/ru/docs/Web/Web_Components
developer.mozilla.org/ru/docs/Web/Web_Components
Определение выше справедливо на данный момент, но не включает многие другие случаи, для которых могут быть созданы Веб-компоненты. С Веб-компонентой вы можете практически все, что можно сделать с помощью HTML, CSS и JavaScript, и она  может быть переносимой, так что вы можете легко переиспользовать ее.
12:15:34 ПП
User 152816933
ок. Пример - тэг <video>
12:15:38 ПП
02:52:34 ПП
User 108562525
Кто разрабатывает, используя cli и webpack? В доках предлагают запускать через npm run, тогда и hot loading появляется, и всё такое. А как вы организовываете бекенд сервер в таком случае? прокси прокидываете?
02:54:04 ПП
User 4627228
Парни, подскажите, кто или где есть опытные ребята по метеору? Есть пару вопросов по архитектуре
02:54:11 ПП
User 108562525
мне просто нужно попробовать разработать spa, а backend у меня на хаскеле написан. и чот я в растерянности :)
02:55:23 ПП
User 40268779
devServer: {
    /* Send API requests on localhost to API server get around CORS */
    proxy: {
      '/<api_base_url>/*': 'http://<some_server>:<some_port>'
    }
  }
02:56:06 ПП
User 60331718
User 108562525
Кто разрабатывает, используя cli и webpack? В доках предлагают запускать через npm run, тогда и hot loading появляется, и всё такое. А как вы организовываете бекенд сервер в таком случае? прокси прокидываете?
Лично я конфигурирую axios
02:56:39 ПП
User 108562525
Оооо, пушка!
02:56:42 ПП
User 108562525
Спасибо, MVP.
02:56:49 ПП
User 4627228
Никто не юзает Метеор? :)
02:56:55 ПП
User 40268779
User 108562525
мне просто нужно попробовать разработать spa, а backend у меня на хаскеле написан. и чот я в растерянности :)
то чувство когда задаешь вопрос чтобы похвастаться )) будь бек на других языках типо богомерзкого пыха или питона ты бы не стал уточнять ?
02:59:02 ПП
User 108562525
ну да, а то говорят, что хаскель не нужен, и его нигде кроме как в академ среде не используют. так хоть можно продвигать его.
02:59:44 ПП
User 40268779
User 108562525
ну да, а то говорят, что хаскель не нужен, и его нигде кроме как в академ среде не используют. так хоть можно продвигать его.
ruhaskell.org вот у меня одноклассник фигачит, вроде есть где используют и есть кто рад на нем писать )
02:59:47 ПП
User 150544742
User 4627228
Никто не юзает Метеор? :)
их целых 11 человек в России оказывается: https://telegram.me/meteorjs_ru
03:00:05 ПП
03:13:46 ПП
User 112715267
вау, много
03:13:59 ПП
User 112715267
скорее, о чатике никто не знает просто
03:25:30 ПП
User 136935602
я юзал метеор
03:25:34 ПП
User 136935602
но с радостью сбежал (:
03:25:47 ПП
User 136935602
Под Vue.js2 нет ни одного нормального плагина масок (
03:25:50 ПП
User 112715267
а в чем минусы, можешь рассказать
03:26:00 ПП
User 112715267
User 136935602
Под Vue.js2 нет ни одного нормального плагина масок (
напиши)
03:26:12 ПП
User 136935602
не за деньги заказчика :)
03:26:20 ПП
User 40268779
User 136935602
Под Vue.js2 нет ни одного нормального плагина масок (
Каких масок?
03:26:27 ПП
User 136935602
текстовых инпутов
03:26:29 ПП
User 40268779
Для input
03:26:33 ПП
User 40268779
А ну да
03:27:28 ПП
User 169809866
User 136935602
Под Vue.js2 нет ни одного нормального плагина масок (
Есть идея для кодинга, написать плагинчик масок )
03:29:01 ПП
User 136935602
было бы еще время
03:37:18 ПП
User 55423102
User 136935602
Под Vue.js2 нет ни одного нормального плагина масок (
Ну так inputmask есть
03:37:40 ПП
User 136935602
это какой именно?
03:38:24 ПП
User 55423102
Нативных нормальных нет, только два видел с минимумом функций
03:38:55 ПП
User 55423102
https://github.com/RobinHerbots/Inputmask
github.com/RobinHerbots/Inputmask
Input Mask plugin. Contribute to RobinHerbots/Inputmask development by creating an account on GitHub.
03:39:42 ПП
User 136935602
от подобных плагинов охреневает v-model :)
03:39:56 ПП
User 55423102
Что поделать!
03:40:12 ПП
User 136935602
ну я планирую взять inputmask-core и computed поле
03:40:22 ПП
User 136935602
воспользуюсь тем что на computed поле сеттеры есть
03:40:27 ПП
User 55423102
На complete обратно в свойство сохранять
03:40:35 ПП
User 152816933
Есть inputmask-core. Это чисто валидация, без GUI. 
Автором написан вроде бы годный плагин для react
03:40:39 ПП
User 152816933
https://github.com/insin/inputmask-core
github.com/insin/inputmask-core
inputmask-core - Standalone input mask implementation, independent of any GUI
03:40:53 ПП
User 152816933
А, ну вот :)))
03:41:11 ПП
03:41:28 ПП
User 136935602
приятно что мысли сходятся
03:45:01 ПП
User 136935602
да, похоже  на его базе можно хороший плагин для vue написать
08:07:24 ПП
User 60331718
как вот это должно выглядеть в нормальном es6?
08:09:03 ПП
User 133944225
все нормально
08:09:29 ПП
User 133944225
тебя может смущать arrow function, но там ты потеряешь контекст
08:13:19 ПП
User 60331718
А, фуф тогда
09:22:06 ПП
09:22:13 ПП
User 136935602
я бы только написал isAuthorized() {
09:22:18 ПП
User 136935602
но то эстетство
09:22:59 ПП
User 136935602
плюс еще тебе в аргумент watch'ера автоматически присовывается новое значение
09:23:14 ПП
User 136935602
нет необходимости лезть в this.isAuthorized )
09:25:49 ПП
User 60331718
Хм, а ведь действительно👍 надо будет переделать
09:29:07 ПП
User 60331718
User 136935602
я бы только написал isAuthorized() {
А точно сработает? Я же её пихаю через mapGetters
09:29:21 ПП
User 136935602
а какая разница?
09:29:34 ПП
User 136935602
это ж просто синтаксический сахар
09:30:29 ПП
User 136935602
watch: {
  isAuthorized(loggedIn) { !loggedIn && router.push({ name: 'apps' }) }
}
09:30:40 ПП
User 136935602
но eslint такому не обрадуется, так что прийдется if написать
09:31:48 ПП
User 112715267
User 136935602
watch: {
  isAuthorized(loggedIn) { !loggedIn && router.push({ name: 'apps' }) }
}
тоже люблю так писать
09:32:54 ПП
User 60331718
User 136935602
watch: {
  isAuthorized(loggedIn) { !loggedIn && router.push({ name: 'apps' }) }
}
Вах, красота какая, из доков было непонятно, будет литакое работать, надо будет исправить у себя