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

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

3988 members

Архив канала @vuejs_ru 30 декабря 2016 г.

07:07:07 ДП
User 133582843
User 152816933
Кстати, там это...  Фейсбух в своем News Feed заюзал vue
https://newsfeed.fb.com/wp-login.php - и вордпресс тоже заюзал
08:59:51 ДП
User 152816933
Кстати, а кто-нить встречал "скомпилированные" сторонние компоненты?
09:11:59 ДП
User 60331718
ребзи, как сделать динамически скрываемый и показываемый элемент?
через v-bind:hidden=""? если да, то можно ли как аргумент передавать тернарный оператор?
09:12:48 ДП
User 552804
v-if, v-show
09:12:58 ДП
User 60331718
User 552804
v-if, v-show
он равзе динамический?
09:13:18 ДП
User 552804
что значит динамический для тебя?
09:13:32 ДП
User 152816933
ну ты подкидываешь туда просы/дату, оно смотрит туда
09:14:26 ДП
User 60331718
User 552804
что значит динамический для тебя?
это значит что если переменная стала false, то элемент должен скрыться (уже после того, как элемент отрендерен)
09:14:39 ДП
User 552804
тогда да, динамические
09:14:49 ДП
User 152816933
так оно и работает
09:14:58 ДП
User 152816933
Ну каммон, это в доке есть)
09:15:07 ДП
User 60331718
в русских доках вроде нет
09:15:13 ДП
User 60331718
вот читаю их как раз
09:15:15 ДП
User 55423102
User 152816933
Кстати, а кто-нить встречал "скомпилированные" сторонние компоненты?
встречал
09:15:35 ДП
User 152816933
Условный рендеринг вроде
09:15:48 ДП
User 152816933
http://ru.vuejs.org/v2/guide/conditional.html
ru.vuejs.org/v2/guide/conditional.html
Vue.js — Прогрессивный JavaScript-фреймворк
11:33:09 ДП
User 152816933
Так, нужен datapicker. Кто какой юзал?
11:34:22 ДП
User 60331718
User 152816933
Так, нужен datapicker. Кто какой юзал?
Посмотри тот, что в materializecss используется
11:34:41 ДП
User 60331718
Они какую-то jquery либу взяли и натянули интерфейс на него
11:35:08 ДП
User 152816933
вот чо чо, а джеквери мне только не хватало)
11:35:21 ДП
User 152816933
Смотрю сейчас на это https://github.com/weifeiyue/vue-datepicker
github.com/weifeiyue/vue-datepicker
datepicker component for Vue.js. Contribute to weifeiyue/vue-datepicker development by creating an account on GitHub.
11:35:27 ДП
User 55423102
vue2-calendar пока поставил
11:35:54 ДП
User 55423102
хотя рассматриваю и альтернативой написать обертку к https://chmln.github.io/flatpickr/
11:36:16 ДП
User 55423102
https://github.com/icai/vue2-calendar
github.com/icai/vue2-calendar
vue2-calendar - vue 2.x calendar component
11:39:20 ДП
User 152816933
User 55423102
хотя рассматриваю и альтернативой написать обертку к https://chmln.github.io/flatpickr/
выглядит отлично, прям как мне надо
11:43:15 ДП
User 152816933
Предалагаю новогоднюю игру:
Находим хороший JS модуль/виджет/плагин.
Добавляем к его названию "vue-".
Кто находит обертку для него под vue, тот пьет.
11:43:20 ДП
User 152816933
User 55423102
хотя рассматриваю и альтернативой написать обертку к https://chmln.github.io/flatpickr/
https://github.com/jrainlau/vue-flatpickr
11:44:25 ДП
User 55423102
https://github.com/jrainlau/vue-flatpickr/blob/2.0/vue-flatpickr-base.vue
github.com/jrainlau/vue-flatpickr/blob/2.0/vue-flatpickr-base.vue
vue-flatpickr - A Vue component that wraps the Flatpickr
11:44:31 ДП
User 55423102
Обёртка прям супер-хардкорная
11:44:44 ДП
User 552804
User 152816933
https://github.com/jrainlau/vue-flatpickr
выпил?)
11:44:46 ДП
User 55423102
дольше значения по умолчанию описывать приходится)
11:45:35 ДП
User 55423102
хм... что-то раньше this.$el не попадался на глаза) я по старинке генерил уникальный id для элемента и на него навешивался)))
11:45:37 ДП
User 152816933
я бы такое через глобальную кастомную дерективу делал
11:45:51 ДП
User 152816933
можно в ref еще_
11:46:15 ДП
User 55423102
повыпиливать что ли отовсюду эти guid'ы)))
11:46:20 ДП
User 55423102
или после новогодних праздников уже
11:46:27 ДП
User 152816933
да после конеш
11:46:36 ДП
User 55423102
ну и я тож думаю
11:46:45 ДП
User 152816933
А то че нить забудешь, потом фиксить)
11:47:05 ДП
User 55423102
вчера наконец доправил по переводу документации что хотел доправить, можно отдыхать с чистой совестью)
11:47:20 ДП
User 55423102
да можно просто не коммитить, до после-праздников 😃
11:47:40 ДП
User 152816933
ну, вариант, да)
12:26:04 ПП
User 152816933
Авторы моей любимой карусельки запились в vue *_*
http://framework7.io/vue/
framework7.io/vue
12:37:27 ПП
User 108562525
ого, прикольный фреймворк
12:57:47 ПП
User 55423102
а я слежу за другим) где бутстрап на ваниле переписывать пробуют :D
01:06:08 ПП
User 152816933
ну, его еще надо будет в vue обернуть)
01:06:40 ПП
User 152816933
этот https://thednp.github.io/bootstrap.native/ ?
thednp.github.io/bootstrap.native
The Bootstrap sweetest native JavaScript library for vanilla JavaScript lovers.
01:06:45 ПП
02:03:37 ПП
User 40268779
User 55423102
а я слежу за другим) где бутстрап на ваниле переписывать пробуют :D
Svelte смотрел? Там чем то схожий подход пытаются применить. Пишешь на почти современном синтаксисе а потом при компиляции на ванилле пишется только то что надо
02:06:01 ПП
User 175310
не похоже на одно и то же
02:06:11 ПП
User 175310
свелте иначе работает
02:06:39 ПП
User 175310
свелте не нужно включать на страницу js-файлом
02:08:07 ПП
User 55423102
Не смотрел толком ещё
02:08:30 ПП
User 55423102
Но мне кажется их подход это не то что мне сейчас нужно
02:47:13 ПП
User 124410086
Ничего понять не могу, почему vue его не видит?
02:47:59 ПП
User 133944225
User 124410086
Ничего понять не могу, почему vue его не видит?
Может двоеточие хочет перед транзишен
02:48:18 ПП
User 55423102
А в props компонента есть?
02:48:54 ПП
User 124410086
User 133944225
Может двоеточие хочет перед транзишен
Нет, двоеточие все ломает
02:49:32 ПП
User 133750577
Так было в 1.0
02:49:42 ПП
User 55423102
С двоеточием это тебе переменную надо чтобы строку вернула нужную
02:49:46 ПП
User 133750577
В 2.0 под другому транишаны
02:50:10 ПП
User 124410086
User 55423102
А в props компонента есть?
в компонентах только template
02:50:53 ПП
User 55423102
Ну если это анимация тебе нужна, то ответили. А если прокинуть входные данные, то в props должен быть
02:50:59 ПП
User 124410086
User 133750577
В 2.0 под другому транишаны
Да, наверное в этом проблема, пойду документацию колупать.
02:50:59 ПП
User 133750577
Вуе какой версии у тебя?
02:51:04 ПП
02:51:12 ПП
User 133750577
Нужно обернуть, а не свойством
02:51:18 ПП
User 124410086
User 133750577
Вуе какой версии у тебя?
2.0
02:51:26 ПП
User 124410086
Понил, спасибо.
02:51:56 ПП
User 133750577
Ага, я сам час убил на это когда то :)
02:52:47 ПП
User 55423102
А я когда-то полтора дня, чтобы понять что данные в компонент не прокидываются потому что prop написал вместо props 😃
02:53:20 ПП
02:54:00 ПП
User 133750577
Православный код
02:54:07 ПП
04:06:13 ПП
User 60331718
ребзи как внутри компоненты обратится к полю data?
04:06:48 ПП
User 133750577
this.имя_поля
04:07:22 ПП
User 60331718
User 133750577
this.имя_поля
не хочет работать в computed функции
04:08:36 ПП
User 133750577
Мб через жирную стрелку пишешь
04:09:09 ПП
User 133750577
В них this не тот
04:11:27 ПП
User 133750577
Ты кинь код, а то гадания на кофейной гуще
04:11:33 ПП
User 60331718
User 133750577
Мб через жирную стрелку пишешь
да, юзаю arrow func:
isPasswordError: () => (this.passwordError !== '')
04:12:13 ПП
User 133750577
isPasswordError() { this.passwordError !== '' }
04:12:29 ПП
User 133750577
isPasswordError() { return this.passwordError !== '' }
04:12:31 ПП
User 133750577
точнее
04:12:38 ПП
User 133750577
ТАк заработает
04:13:21 ПП
User 60331718
да, надо было просто в доки к API глянуть, там как раз об этом сказано
04:14:57 ПП
User 133750577
С ними отстрел ноги вообще через раз
04:15:21 ПП
User 60331718
User 133750577
С ними отстрел ноги вообще через раз
а почему так сделали, не знаешь?
04:16:07 ПП
User 133750577
Для ооп, чтобы this не зависел от контекста
04:16:17 ПП
User 133750577
http://frontender.info/es6-in-depth-arrow-functions/
frontender.info/es6-in-depth-arrow-functions
Пожалуй, самое яркое и заметное нововведение ES6 — стрелочные функции. Джейсон Орендорфф поведает, как они работают, чем отличаются от привычных function, и про какие нюансы нужно помнить.
04:17:19 ПП
User 133750577
Соль: 
`В ES6 трюки с this по большей части не нужны, если вы придерживаетесь этих правил:

Использовать не-стрелочные функции для методов, которые будут вызываться с использованием синтаксиса объект.метод(). Эти функции получат вменяемый this от вызывающего кода.

Использовать стрелочные функции для всего остального.`
04:40:50 ПП
User 104477
User 60331718
да, юзаю arrow func:
isPasswordError: () => (this.passwordError !== '')
Явно аргумент указать нельзя?
04:41:02 ПП
User 104477
this отстой
04:41:10 ПП
User 104477
Если это не метод
04:42:45 ПП
User 60331718
User 104477
Явно аргумент указать нельзя?
И как ты предлагаешь это сделать?
04:43:34 ПП
User 104477
User 60331718
И как ты предлагаешь это сделать?
Я пока не предлагаю, а вопрос задаю :)
04:43:42 ПП
User 133750577
Это можно сделать только через дополнительную переменную, предварительно сохранив this. В статье расписано
04:43:58 ПП
User 552804
var $this = this
04:44:04 ПП
User 60331718
User 104477
Я пока не предлагаю, а вопрос задаю :)
Не, никак, я же не храню в dom какие-то данные, все лежит в локальном data компоненты
04:44:50 ПП
User 60331718
User 60331718
Не, никак, я же не храню в dom какие-то данные, все лежит в локальном data компоненты
А раз, так, то там выше предложили не понтоваться и не использовать arrow func
04:44:56 ПП
User 104477
User 60331718
да, юзаю arrow func:
isPasswordError: () => (this.passwordError !== '')
Вот этот изпассвордэррор это что?
04:45:02 ПП
User 104477
Кто его вызывает
04:45:11 ПП
User 104477
Ладно, сорян
04:45:59 ПП
User 60331718
User 104477
Кто его вызывает
v-show
04:47:29 ПП
User 60331718
Функция флажок для ошибки, поставляемая в v-show