блок, элемент, модификатор

мне тоже в начале было больно

БЭМ это ненужный артефакт во вью компонентах. я ж говорю, я почти перестал классы использовать вообще. просто надо думать как организовывать компоненты.

БЭМ это ненужный артефакт во вью компонентах. я ж говорю, я почти перестал классы использовать вообще. просто надо думать как организовывать компоненты.

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

это же ад

ну зависит от размеров, тут ты наверное прав

но ад настоящий начинается когда у тебя пересекается динамически логика данных со стилями ЦСС

ну тут бэм не мешает

это отдельная срака

особенно с —- переменными

поэтому тут спасают инлайн стили

а в ЦСС хоть БЭМ хоть нет - надо помнить что где и делать ручками

переменные нативные ЦСС? я толком не использовал. но мощная вещь

кстати переменные цсс же с дж работают. вообще это надо изучить

причем нормально работают, но мне лично не приятно так работать

особенно с scss переменными и нативными вместе

я путаюсь как где что куда

препроцессоры эт другое, это просто помощники. нативные очнь мощные

https://basicscroll.electerious.com/

очень круто выглядит

Ребят, изучаю vue. Делаю чек-лист. http://dl3.joxi.net/drive/2018/09/22/0008/3041/547809/09/49bd059bdc.jpg

У меня есть компонент editable. Он выводит строку текста и делает так, чтобы при клике на текст появлялось поле для его изменения. http://dl4.joxi.net/drive/2018/09/22/0008/3041/547809/09/24b377c57b.jpg

После изменения значения компонент editable генерирует событие save так: this.$emit('save', this.lvalue). Родитель подписан на событие. Следующим образом: <editable v-on:save="onSaveChecklistTitle" :value="checklist.title"></editable>. Мне в методе родителя onSaveChecklistTitle надо знать для какого чек-листа сработало событие (чек-листы выводяться через v-for). http://dl3.joxi.net/drive/2018/09/22/0008/3041/547809/09/96441d7de8.jpg

Не могу как понять как сделать правильно.

Можно и без события как я понимаю. просто через v-model для компонента. и это видимо лучшее решение. но все же хочу понять как можно правильно передавать дополнительные данные в обработчик события...

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

в чем вопрос, я чего то не понял

прочитал 2 раза

Не могу как понять как сделать правильно.

только эта часть немного похожа на вопрос

или я туплю?

я просто не спал сегодня)

это и есть вопрос)

могу сделать

но как правильно?

откуда данные в чеклисте берутся?

кароче костыли одни в голову лезут

данные будут с сервера

обычный массив

и как чеклист связан с компонентом эдитабл?

данные будут с сервера

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

и надо их потом ппередать в другой компонент? в родитель?

просто сделал массив объектов прямо в компоненте. нет апи пока что. делаю для практики. учусь )) никакого сервера, моделей и т д

http://dl3.joxi.net/drive/2018/09/22/0008/3041/547809/09/e8cb0f7f44.jpg

вот так связан

я третий раз спрашиваю в каком компоненте

в самом приложении лежит чеклист. в checklistApp

ты ж сказал тебе надо куда то передать данные чеклиста

допустим есть строка. она в checklistApp. далее я использую компонент editable и передаю через props в него эту строку. он там в себе имеет поле, с помощью которого можно поменять строку. когда он меняется он генерит событие что изменилась. родитель подписался на событие.

checklist.items - это родитель? это ты хочешь передать? куда?

так вот таких строк много и как понять какая поменялась..

что такое checklistApp

приложение

так вот таких строк много и как понять какая поменялась..

ну так ты же их передаешь в родитель сам написал. в чем проблема?

а как у тебя получилось что один и тот же editable работает с v-model и с v-on:save?

ты преезаписывал model в этом компоненте? какой ивент сабмитишь?

да я понял уже что v-model подходит. но хочу и так и так сделать.

v-model checlist.title что это такое

пока без v-model/

смотри

http://dl4.joxi.net/drive/2018/09/22/0008/3041/547809/09/45f1737d22.jpg

1. я передаю checklist.title

2. а в методе onSaveChecklistTitle хочу уже знать для какого чеклиста изменение

но принять я могу только новую строку

http://dl3.joxi.net/drive/2018/09/22/0008/3041/547809/09/0d98de3d95.jpg

я не вижу onSaveChecklistTitle

как я понял по докам

а сорри вижу

ERROR: S client not available

2. а в методе onSaveChecklistTitle хочу уже знать для какого чеклиста изменение

ну как для какого? у тебя же v-for

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

да, v-for

и? не доходит ))

$index и все такое..?

ну так передай его

в onSaveChecklistTitle?

onSaveChecklistTitle(checklist)

вооот я так и делал...

но у меня

http://dl4.joxi.net/drive/2018/09/22/0008/3041/547809/09/39615d2184.jpg

вооот я так и делал...

где ты так делал

http://dl4.joxi.net/drive/2018/09/22/0008/3041/547809/09/39615d2184.jpg

что это такое и зачем оно мне

в компоненте editable

компонтент передает данные вместе с событием

ты передавал это значение в методе где ты его вызываешь или нет?

соответственно сигнатура метода который подписан на событие должна быть такой

onSaveChecklistTitle (newTitle)

как я понимаю..

нет.

как ты вызываешь метод покажи

http://dl3.joxi.net/drive/2018/09/22/0008/3041/547809/09/03fd4ea0d6.jpg

http://dl3.joxi.net/drive/2018/09/22/0008/3041/547809/09/03fd4ea0d6.jpg

просто имя

ну так передай туда значение блять

я тебе 5 минут говорю об этом

передай чсвой чеклист туда

или то что эмитишь

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

или не понимаю синтаксис..

я не помню что там в эдитабл передается

$value?