Привет ребят, подскажите пожалуйста, почему не работает експорт mixins?

во первых, с чего ты взял, что он не работает?

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

Если подключать без деструктуризации то все работает

Привет всем. Подскажите пожалуйста как добавить класс для первого элемента списка v-for после того как он был отфильтрован через v-if. По-умолчанию добавлялся класс по индексу.

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

EventBus.$on('event-name', url => { действие });

Ребята, подскажите, что не так??? не меняется класс почему-то..

https://puu.sh/AQHgQ/77a00877a3.png

Ребята, подскажите, что не так??? не меняется класс почему-то..

потому что написано не понятно что

track.events.showEvents может быть true || false

track.events.showEvents может быть true || false

[ ]. зачем?

Подскажите пожалуйста как добавить класс для первого элемента списка v-for после того как он был отфильтрован через v-if. По-умолчанию добавлялся класс по индексу.

[ ]. зачем?

в доке стоят.. https://puu.sh/AQHku/df1ad4a165.png

в доке стоят.. https://puu.sh/AQHku/df1ad4a165.png

там массив

пали запятую

<div :data-index="index" v-for="(layout, index) in layouts" :class="[ {selected: index === layoutSelected}, layoutOptinClass ]" v-if="layoutCategory === layout.category || layoutCategory === 'all'" @click="clickHandler(index)" > </div> Вот такой список, меняем layoutCategory, список фильтруется. Как сделать чтобы после фильтрации selected класс назначался первому элементу в этом списке?

пали запятую

поставил. но не роббит(((( https://puu.sh/AQHno/425143320d.gif

кто-то настраивал в Atom atom-beautify? Ищу хороший package чтобы отформатировать имеющийся код, находил vue-fmt но он не умеет форматровать часть компонента с pug

поставил. но не роббит(((( https://puu.sh/AQHno/425143320d.gif

оказалось fontawesome добавляет иконки в svg jsом, потому класс поменять не прокатывает

Ребят, нормально всю логику держать в vuex, даже не работая со стором?

Ребят, нормально всю логику держать в vuex, даже не работая со стором?

Зачем вообще держать vuex, если со стором не работать?

Зачем вообще держать vuex, если со стором не работать?

Что бы держать в нем логику?

Что бы держать в нем логику?

?

Зачем вообще держать vuex, если со стором не работать?

стор используется по назначению конечно же

сейчас я работу с api вынес в отдельные методы, но мне кажется это не верно

сейчас я работу с api вынес в отдельные методы, но мне кажется это не верно

Ты хочешь работу с api перенести во vuex?

Вынеси в сервисы

А Vuex юзай в сервисах

Ты хочешь работу с api перенести во vuex?

в том числе

в том числе

Не надо так. Пускай работа с api будет отдельной частью/модулем твоего приложения. Просто вызывай нужные методы этого модуля в vuex или компонентах

А Vuex юзай в сервисах

Ты хотел сказать сервисы в vuex?

<div :data-index="index" v-for="(layout, index) in layouts" :class="[ {selected: index === layoutSelected}, layoutOptinClass ]" v-if="layoutCategory === layout.category || layoutCategory === 'all'" @click="clickHandler(index)" > </div> Вот такой список, меняем layoutCategory, список фильтруется. Как сделать чтобы после фильтрации selected класс назначался первому элементу в этом списке?

Ты хотел сказать сервисы в vuex?

Нет, почему

т.е. api → vuex → components

<div :data-index="index" v-for="(layout, index) in layouts" :class="[ {selected: index === layoutSelected}, layoutOptinClass ]" v-if="layoutCategory === layout.category || layoutCategory === 'all'" @click="clickHandler(index)" > </div> Вот такой список, меняем layoutCategory, список фильтруется. Как сделать чтобы после фильтрации selected класс назначался первому элементу в этом списке?

if index === 0 then class = selected

т.е. api → vuex → components

Есть у тебя компонент новостей, который просто забирает новости и показывает их на странице. Вопрос - зачем тут vuex?

индекс не меняется у элементов после удаления элементов по v-if

Есть у тебя компонент новостей, который просто забирает новости и показывает их на странице. Вопрос - зачем тут vuex?

думаю не зачем

Нет, почему

А зачем сервисам знать про какой-то vuex? Они же должны быть независимы

индекс не меняется у элементов после удаления элементов по v-if

кажется, поможет прописать :key="layout[какое-то уникальное поле, но не индекс]"

кажется, поможет прописать :key="layout[какое-то уникальное поле, но не индекс]"

++

А зачем сервисам знать про какой-то vuex? Они же должны быть независимы

я просто думал что vuex нужен не только для хранения промежуточныч данныч и состояний, но и логику

кажется, поможет прописать :key="layout[какое-то уникальное поле, но не индекс]"

прописать пропишу, но как затем получить первый элемент в этом отфильтрованном списке?

прописать пропишу, но как затем получить первый элемент в этом отфильтрованном списке?

я бы вообще сделал computed filteredLayouts в котором фильтровал бы прямо через .filter и в разметке использовал бы его... там и index будет с нуля и без пропусков

А зачем сервисам знать про какой-то vuex? Они же должны быть независимы

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

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

да

?

Я бы все равно оставил хранилищу только обязанность по хранению данных, а данные на хранение отдавал извне (из сервисов)

я бы вообще сделал computed filteredLayouts в котором фильтровал бы прямо через .filter и в разметке использовал бы его... там и index будет с нуля и без пропусков

спс, остается только такой способ. Запилил такое: computed: { filteredLayouts: function() { var filteredArray = []; for (var i = 0; i < this.layouts.length; i++ ) { var item = this.layouts[i]; var category = item.category; if (this.layoutCategory === category || this.layoutCategory === 'all') { filteredArray.push(item); } } return filteredArray; } } и template разгрузился немного.

Либо через css white-space: pre-line;, либо заменять на <br/> и выводить через v-html

Либо через css white-space: pre-line;, либо заменять на <br/> и выводить через v-html

спасибо!

Там Илья Климов на своем Патреоне собирается выложит свой курск по Vue в бесплатный доступ. Нужно еще $37. Есть желающие? https://www.patreon.com/javascriptninja/overview

это звучит не очень бесплатно честно говоря

спс, остается только такой способ. Запилил такое: computed: { filteredLayouts: function() { var filteredArray = []; for (var i = 0; i < this.layouts.length; i++ ) { var item = this.layouts[i]; var category = item.category; if (this.layoutCategory === category || this.layoutCategory === 'all') { filteredArray.push(item); } } return filteredArray; } } и template разгрузился немного.

computed: { filteredLayouts: () => this.layoutCategory === 'all' ? this.layouts : this.layouts.filter(layout => layout.category === this.layoutCategory), } Даже так ?

это звучит не очень бесплатно честно говоря

Почему?

потому, что нужно найти еще несколько или несколько десятков человек котроые готовы платить по 1$ в месяц.

потому, что нужно найти еще несколько или несколько десятков человек котроые готовы платить по 1$ в месяц.

Думаешь, если количество донатов в месяц упадет меньше $2000, он закроет доступ?

Как минимум выкачать можно успеть

Как минимум выкачать можно успеть

Именно. Так что закрыть доступ нет смысла

да он же жадный украинец

мало ли что

ERROR: S client not available

бтв первый раз о нем услышал

а что в курс включено? доку по вью я и так почитать могу, а какие-нибудь best practies уже были бы другим делом

да он же жадный украинец

Что?

хотя тоже из Харькова

Что?

или нет?

computed: { filteredLayouts: () => this.layoutCategory === 'all' ? this.layouts : this.layouts.filter(layout => layout.category === this.layoutCategory), } Даже так ?

мою портянку кода мне легче как-то все таки воспринимать)

если нет, то извиняюсь и прекращаю тему

мне кажется или сайт лагает? https://demo.vuestorefront.io/

мою портянку кода мне легче как-то все таки воспринимать)

ну, тогда хотя бы цикл не запускай если this.layoutCategory === 'all' ))

хотя в доке vue до фильтров просто не дошел ещё)

Смотрел курс Максимилиана, кажется это лучший онлайн курс который я видел

мне кажется или сайт лагает? https://demo.vuestorefront.io/

у меня летает

https://github.com/learn-vuejs/vue-patterns

ну, тогда хотя бы цикл не запускай если this.layoutCategory === 'all' ))

гуд идея, а то каждый раз будет проходить. спс

а что в курс включено? доку по вью я и так почитать могу, а какие-нибудь best practies уже были бы другим делом

https://javascript.ninja/vue Первые 5 видео были в открытом доступе (https://www.youtube.com/channel/UCW9pyonagDWGMCy7V_Kro6g/search?query=%D0%91%D0%B0%D0%B7%D0%BE%D0%B2%D1%8B%D0%B9+Vue)

Смотрел курс Максимилиана, кажется это лучший онлайн курс который я видел

Посмотрел по диагонали - какой-то пересказ доки

ну хрен знает

+1, можно доку просто перечитать

Ну так любые курсы это по сути пересказ доки, кому лень читать, не?

Ну так любые курсы это по сути пересказ доки, кому лень читать, не?

не

Ну так любые курсы это по сути пересказ доки, кому лень читать, не?

не

https://javascript.ninja/vue Первые 5 видео были в открытом доступе (https://www.youtube.com/channel/UCW9pyonagDWGMCy7V_Kro6g/search?query=%D0%91%D0%B0%D0%B7%D0%BE%D0%B2%D1%8B%D0%B9+Vue)

хотят этот курс похож на пересказ доки

(курсы по основам языка\фреймворка офк)

кроме последних 4 пунктов

а ну, что есть годного посмотреть?

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

20000 рублей за пересказ доки, кажется я не там работаю

@c01nd01r а тебе самому интересен его курс?

@c01nd01r а тебе самому интересен его курс?

Ага

а че за интересовало именно?

да он же жадный украинец

стереотипненько, нет?