еще и elm

@c01nd01r изменения в контейнер попадают, но файлы не подгружаются и не происходит обновления страницы

Начинал с С++ в универе (где учусь и поныне), пробыл в этом не очень уютном недолго, потом пришел в мир JVM. Писал на Java, захотелось краткости - обнаружил Скалу и Котлин. Так как любитель функциональщины (Haskell и Elm у меня в почете, да), то уселся писать Скалу.

я было начал писать на elm но как-то... оверхедно

Пришел к тому, что код без явных типов писать неуютно, поэтому пробовал Elm - показалось интересным

@c01nd01r изменения в контейнер попадают, но файлы не подгружаются и не происходит обновления страницы

Понятно. Ну, тут я не подскажу

Не совсем vue но думаю будет полезно. Массив объектов переганяем прямо в объект. Полезно когда адова туча обращений к разным элементам и тяжела судьба перебора на больших массивах. const peopleArray = [ { id: 123, name: "dave", age: 23 }, { id: 456, name: "chris", age: 23 }, { id: 789, name: "bob", age: 23 }, { id: 101, name: "tom", age: 23 }, { id: 102, name: "tim", age: 23 } ] Как бы можно так: const arrayToObject = (array) => array.reduce((obj, item) => { obj[item.id] = item return obj }, {}) Или универасльно: const arrayToObject = (arr, keyField) => Object.assign({}, ...arr.map(item => ({[item[keyField]]: item}))) В нашем случае применяем так: const peopleObject = arrayToObject(peopleArray, 'id') Теперь по конкретному id можно сразу вытаскивать объект без переборов НЕ мое. Взято с медиума https://medium.com/dailyjs/rewriting-javascript-converting-an-array-of-objects-to-an-object-ec579cafbfc7

Код можно выделить в gist символами "`"

some code here

Очень часто в проектах использую lodash

Там есть альтернатива: _.keyBy(array, 'id')

И вообще огромная куча всяких полезных штук

Любителям функциональщины должно вообще люто понравится

Про лодаш это понятно. Хорошая штука спору нет. Но импорты, три шейкинг, размер с бандлом и прочие бубны. А тут две строчки кода.

Yaroslav то что вы написали, является примером свертки (операция fold)

watchOptions: { poll: true } в webpack-dev-middleware решило проблему

Я обычно с флагом запускаю. Потому что poll априори работает хуже. И если в команде не все пользуются докером им это не нужно

webpack --watch --watch-poll

Я запускаю через npm run dev

там эти опции передаются?

npm run —watch-poll

попробую

Ну или node_modules/.bin/webpack --watch --watch-poll

Вру, с npm флаг работать не будет

Ну или node_modules/.bin/webpack --watch --watch-poll

то есть остается этот вариант?

Агамс

так не удается завести. проект инициализирован с помощью vue init.

на revel пишит кто нибудь?

Ребят, а можно ли как-нибудь в компонет передать функцию, чтобы в шаблоне можно было написать v-on:click=myFunction?

как в компонент динамически передать обработчик - так наверно правильнее звучит :)

или нет )

может кто знает, при сборке вебпаков в production версию, вылетает TypeError: Cannot set property 'exports' of undefined. А на dev все норм.

@mikhailmain попробуй передать функцию пропсом

'tapEvent': { type: Function}

@mikhailmain попробуй передать функцию пропсом

попробовал, не получается что-то, вот задумался, так вообще можно

и внутри компонента вызывай функцию

'tapEvent': { type: Function}

так, это где надо прописать, в props?

в пропсах добавляешь еще один

и пробрасываешь функцию

или еще один варик

я в пропсах делал также как с оыбчными переменными

сейчас попробую

передаешь пропс модель

сейчас попробую

Можешь на клик эмитить эвент а в родительском компоненте ловить евент и вызывать нужную функцию

и по ивенту делаешь следующее vm.$parent.$emit(vm.model);

@Tynopet именно так, да

спасибо, сейчас попробую

<parent> <child @event="myFunc" /> </parent> myFunc(e, payload) { ... } <child> <button @click="$emit('click', payload)" /> </child>

Вроде так, если не ошибся

я до событий пока не дошел, пытаюсь сделать первым способом

в пропс у меня так должно быть? props:{ 'showRegister':{type:Function} },

ой

да

без запятой

внутри пропсов

если юзаешь линтер

оно выдаст ошибку

unexpected comma

Я поправил, так?

в пропс у меня так должно быть? props:{ 'showRegister':{type:Function} },

Подскажите где про это почитать, а то сижу на ощупь разбираюсь

пример для HOC кажись выпиливают, потому что уже не работает :( https://github.com/vuejs/vuejs.org/pull/899

Подскажите где про это почитать, а то сижу на ощупь разбираюсь

https://vuejs.org/v2/guide/components.html#Props в гугле забанили?

https://vuejs.org/v2/guide/components.html#Props в гугле забанили?

Лучше стоит скидывать ссылку на русскую версию документации https://ru.vuejs.org/v2/guide/components.html#Входные-параметры

лол

Ага, спасибо, я читаю, но не всегда могу сопоставить терминологию vue со своей задачей :)

с десятого тыка разобрался

ERROR: S client not available

<component v-bind:is="currentView" :show-register="showRegister" ></component>

props:{ showRegister:{ type:Function, }, },

methods: { showRegister: function () { this.currentView = 'reg'; },

:is просто тоже можно :)

:is просто тоже можно :)

без v-bind?

без v-bind?

да

это сокращение для v-bind

@ и : сокращения для v-on и v-bind

а, ясно, где-то видел, но пока не понял в чем разница решил использовать как в мануале, ну спасибо просветили :)

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

?

пример для HOC кажись выпиливают, потому что уже не работает :( https://github.com/vuejs/vuejs.org/pull/899

@&^&^%!#& :(

@&^&^%!#& :(

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

Да надо потыкать, может работает

в 2.2.6 у меня еще работает

в 2.3 вроде перестанет

Что есть НОС?

Что есть НОС?

Higher-Order Components

Странно

Зачем они так

Оно наверное работало из-за их недоработок похоже)))

теперь исправили

Тогда бы они врядли стали вносить это в документацию

https://github.com/vuejs/vue/issues/5606

ну вот тогда внесли))) теперь This is expected behavior

Парень решил что раз так, надо строчку из доков убирать

element-ui седня выкатил релиз 1.3.0. Теперь есть поддержка 2.3.+

Привет. Хочу после загрузки компонента прокрутить один из элементов вниз. Вот код: mounted () { this.$nextTick(() => { this.$refs.months.scrollTop = 500 }) } Если ручками ставить элементу scrollTop из девтулзов, всё работает, а так нифига не работает. ЧЯДНТ?

Привет. Хочу после загрузки компонента прокрутить один из элементов вниз. Вот код: mounted () { this.$nextTick(() => { this.$refs.months.scrollTop = 500 }) } Если ручками ставить элементу scrollTop из девтулзов, всё работает, а так нифига не работает. ЧЯДНТ?

window.scrollTo

?

Всё, вопрос снят. Сам себя замотал - менял параметр одного элемента, смотрел на соседний >_< Надо больше отдыхать

Даже nextTIck не нужен