Кстати, я тут вчера кинул моё видинье организации проекта, Илья, глянешь?

Я видел. Подумаю

Возможно ли обработка событий на элементе, который передан потомку как слот, в самом потомке? <defaultItem :item="item"> <div slot="type"> <button @click="click">movies</button> </div> </defaultItem>

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

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

глобальные комопненты это то, что ты можешь исползовать в любом из путей, а те что путевые они только той ветке путей, в какой папке они созданы

окей, спасибо

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

Некоторые компоненты получились довольно большими, используются только один раз на определенных страницах, хочу сделать асинхронную загрузку. Код разделился, но пытается загружать не с /js/0.js, а /current-page/js/0.js, как можно исправить?

/current-page/ это текущая ссылка?

Да.

Разобрался, надо было в настройках webpack: output: { publicPath: "/" },

Сижу на митапе, слушаю про Ангуляр 2. Забавно, как какие-то фичи преподносят как awesome, когда во вью/реакте они тоже есть))

нашли куда ходить :)

Ну так уж попалось :)

умеешь ты выбирать

ребята

поясните плиз, что можно тестировать в компонентах

я вот вообще не представляю разве что запросы с апи проверять

поясните плиз, что можно тестировать в компонентах

например методы

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

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

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

я вот для себя решил что мутации и действия хранилища нужно обязательно покрывать тестами

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

)0)

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

так тебе и надо, гыгы)0))

да вообще пофиг, все равно делать нечего)

а что для тестов посоветуешь

там дохрена вариантов

в доке в примере Jasmine юзают

а что для тестов посоветуешь

я жду доклад про тестирование компонент с помощью jest

хранилище точно можно с помщью jest тестить, а вот про компоненты как раз интересно посмотреть

А можно ли в компоненте получить доступ к переданному внутрь содержимому? <component>поддерево DOM или текст</component>

А можно ли в компоненте получить доступ к переданному внутрь содержимому? <component>поддерево DOM или текст</component>

Slot?

перечитаю про них, спасибо

А можно ли в компоненте получить доступ к переданному внутрь содержимому? <component>поддерево DOM или текст</component>

ловишь в пропс и делаешь что хочешь

ловишь в пропс и делаешь что хочешь

Нужно не через пропс, а через дочерний HTML

меня осенило озарение vuex. у модуля обязателен state. остальных трех - getters, mutations, actions - может и не быть у модуля. верно?

лол, забавная подача материала :) https://youtu.be/PG0YuLY2Qic

А можно ли в компоненте получить доступ к переданному внутрь содержимому? <component>поддерево DOM или текст</component>

посмотри в console.log( this ) , там кажется в $el в глубине есть innerHTML или что то типа того, исходный текст вроде бы. Но это не точно

меня осенило озарение vuex. у модуля обязателен state. остальных трех - getters, mutations, actions - может и не быть у модуля. верно?

а как ты этот state менять будешь?

без мутаций

без мутаций

логично. вопрос был скорее общий. )

меня осенило озарение vuex. у модуля обязателен state. остальных трех - getters, mutations, actions - может и не быть у модуля. верно?

верно, но зачем

верно, но зачем

Илья уже задал этот вопрос )

та да

та да

Чет ты сегодня спишь

Чет ты сегодня спишь

я второй день не сплю

я второй день не сплю

И зря

нормально

Сон - святое дело

Пожскажите хороший плагин для Vue, чтобы список пожно было виделять (просто клик, ctrl+клик, shift+клик)

@Fl0pZz специально для тебя

Пожскажите хороший плагин для Vue, чтобы список пожно было виделять (просто клик, ctrl+клик, shift+клик)

можно самому по фасту написать, если по клику

@Fl0pZz специально для тебя

Ну где же это "специально для меня"?

А, сук, я понял

написал же)0)

можно самому по фасту написать, если по клику

Не слушай его! ищи плагин

@kelin2025 Ну вот тоже к этому склоняюсь

так там писать то нечего, по сути на элемент клик повесить и push/splice

что за игра?

cs go наверное

ERROR: S client not available

Всем привет. Кто может помочь с Vuex модулями? Пытаюсь разделить на модули хранилище, но не могу понять как из дочерних компонентов получать store родительского.

Получил список объектов с сервера, и каждую секунду их перезапрашиваю и обновляю (this.items = response.items), каждый раз vue думает что данные изменились, как это победить?

result.items.forEach(item => { if (!this.items[item.id] || JSON.stringify(this.items[item.id]) !== JSON.stringify(item)) { this.$set(this.items, item.id, item) } }); работает в принципе, но думаю что это как то неправильно

Сижу на митапе, слушаю про Ангуляр 2. Забавно, как какие-то фичи преподносят как awesome, когда во вью/реакте они тоже есть))

Я на днях был на дот нет конференции. Так там ещё только начинают о чистых функциях говорить

Ребята, подскажите плиз, направьте в правильное русло, нигде не могу найти примера(

вот как компонент выглядит

https://pastebin.com/c2hSjeX8

Может есть что то наподобие коллекции как в backbone.js

Может есть что то наподобие коллекции как в backbone.js

а что именно надо чтобы полуичлось? чтобы не обновлялись?

В данном примере все работает как раз таки правильно, меня смущает что я сам при каждом ответе от сервера пробегаюсь по полученным элементам и смотрю если они уже у меня и если есть не похожи ли они, и только в противном случае добавляю. Коллекции в backbone.js самы этим занимались.

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

Не дрлдном

Должно

Vue это слой отображения

Ну т.е мое решение вполне имеет право на жизнь?

Ну мне не нравится, но это дело десятое

Сравнивать объекты строками это мрак мрак

Ну а целом я понял, спасибо большое.

Сравнивать объекты строками это мрак мрак

А как по другому? Я вот пока не видел ничего чем сравнение через json

сорри, не туда

А как по другому? Я вот пока не видел ничего чем сравнение через json

Хотя наверное производительность проседает

Обойти поля и сравнить

Для эстетов: взять immutablejs

Он не будет изменять объект если данные идентичны

Для эстетов: взять immutablejs

Часто используешь?

И ещё про normalizr, используешь его вместе с vuex?

Иммутабл редко

Normalizr часто

парни хелп плиз, как в vsc настроить что бы "" -> '', а то у меня наоборот, из аддонов тольок приттер

Написал плагин для мутаций Vuex: // vuex/user/plugins.js import Vue from 'vue'; import VueLocalStorage from 'vue-localstorage'; import constants from '@js/config/constants'; Vue.use(VueLocalStorage); const localStoragePlugin = (store) => { console.log('localStoragePlugin:', mutation); store.subscribe((mutation, payload) => { if (mutation.type.match(/session$/i)) { Vue.localStorage.set(constants.SESSION_STORAGE_KEY, payload.session); } }); }; export default { localStoragePlugin }; Вот так экспортирую модуль: // vuex/user/index.js import Vue from 'vue'; import Vuex from 'vuex'; import state from '@js/vuex/user/state'; import getters from '@js/vuex/user/getters'; import mutations from '@js/vuex/user/mutations'; import actions from '@js/vuex/user/actions'; import { localStoragePlugin } from '@js/vuex/user/plugins'; Vue.use(Vuex); const user = { state, getters, mutations, actions, plugins: [ localStoragePlugin ], namespaced: false, }; export default user; И главный файл, где подключаются модули Vuex: // vuex/index.js import Vue from 'vue'; import Vuex from 'vuex'; import user from '@js/vuex/user'; Vue.use(Vuex); export default new Vuex.Store({ strict: true, namespaced: true, modules: { user, } }); Плагин не срабатывает. Ошибок нет, просто не работает. Что может быть?