и как я должен понять, что голосование что-то докажет по вопросу?

Да мне просто самому интересно, кто как думает

Где 3 вариант "чистый код"?

Подскажите, как правильно получить доступ внутри vuex к самому себе? использую nuxt, пробовал Vue.store, this.$store, this.$_nuxt.store, уже начал чувствовать себя обезьяной с гранатой

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

Если значение должно быть сгенерировано только 1 раз, что лучше? anonymous poll computed: { someValue() { return this.a + this.b } } – 12 ??????? 60% created() { this.someValue = this.a + this.b } – 8 ????? 40% ? 20 people voted so far.

1. кеш

Привет всем, может кто сталкивался или подскажет. Есть ли способ автоматизирвоанно оптимизировать SCSS со всеми вложенностями, опираясь на шаблон, или html-документ? Я имею ввиду есть куча селекторов, вложенные не вложенные, перепутанные , каша из селекторов, вобщем. Нужно бы превратить это в стройный код, желательно чтобы был scss вложен

0. Если потом окажется, что значение может изменитья - тебе придётся переделывать, в случае с computed - нет 1. Если значение генерируется на основе пропсов и компонент будет переиспользоваться с другими значениями пропсов - значение останется сгенерированным на основе старых пропсов 2. Если сунуть это значение в data, то это значит, что оно может быть изменено чем угодно, конечно никто этого делать не будет, но я считаю, что лучше не допускать того, чего быть не должно

C точки зрения банальной логики - операция выполняется один раз при создании компонента. Почему не created? Более декларативно, чем лезть в computed, смотреть не изменяются ли значения и т.д

C точки зрения банальной логики - операция выполняется один раз при создании компонента. Почему не created? Более декларативно, чем лезть в computed, смотреть не изменяются ли значения и т.д

Смотри первый пункт выше

Computed вычислится один раз точно так же

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

Согласен, если надо значение, сгенерированное на основе только первоначальных данных, а последующее изменение не должно влиять на него - тогда нужен created или что-то подобное

0. Если потом окажется, что значение может изменитья - тебе придётся переделывать, в случае с computed - нет 1. Если значение генерируется на основе пропсов и компонент будет переиспользоваться с другими значениями пропсов - значение останется сгенерированным на основе старых пропсов 2. Если сунуть это значение в data, то это значит, что оно может быть изменено чем угодно, конечно никто этого делать не будет, но я считаю, что лучше не допускать того, чего быть не должно

0 Если значение и изменится, то computed придется также менять, хотя бы на то значение, которое там забито 1 Это если с пропсами (не проверял, поэтому не сужу), но вот если использовать получаемый state? 2 А в computed используется props или data - не может быть изменен чем угодно?)

Например сохранение исходного состояния формы для последующей возможности сброса

Пункты 1 и 2 логично, но вот 0 - сомнительный. Я конечно понимаю, что хороший программист видит развитие кода и превидит возможные проблемы, с ошибками, но для меня этот пункт как вангоориентированное программирование, пишем код с оглядкой на вещи которые не произойдут

Хотя закон мерфи никто не отменял, и код обязательно придется переписать

0 Если значение и изменится, то computed придется также менять, хотя бы на то значение, которое там забито 1 Это если с пропсами (не проверял, поэтому не сужу), но вот если использовать получаемый state? 2 А в computed используется props или data - не может быть изменен чем угодно?)

0 чё? 1 ... 2 Оно будет сгенерировано на основе других данных, и всякие проверки на валидность этих данных можно сделать в computed, а если это поле в data, то допустим при создании компонента сгенерируется значение 'https://google.com/r/blabla', но я могу его помеменять на 'kekCheburek'

так а че ты не фильтранешь перед выводом

спасибо) не додумался =)

0 чё? 1 ... 2 Оно будет сгенерировано на основе других данных, и всякие проверки на валидность этих данных можно сделать в computed, а если это поле в data, то допустим при создании компонента сгенерируется значение 'https://google.com/r/blabla', но я могу его помеменять на 'kekCheburek'

0 Что в вашем понимании "значение может изменится"? я предполагаю что само значение identity.login поменяется, не понимаю - что придется переделывать в created? или вы предполагаете, что в каком-то методе поменяется значение? даже если так, значит так надо по логике вещей, иначе нахер менять значение) 1 бессмысленно обсуждать 2 Согласен, что возвращаемое значение как целое не поменять, однако остается возможность менять то, что складывается для return, тобишь я могу поменять 'https://google.com/r/blabla' на 'https://google.com/r/hertamplaval'

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

Здравствуйте, подскажите пожалуйста: как передать @click.stop="drawer = !drawer" из А в Б ? компонент А (гамбургер) компонент Б (меню)

Здравствуйте, подскажите пожалуйста: как передать @click.stop="drawer = !drawer" из А в Б ? компонент А (гамбургер) компонент Б (меню)

props или vuex

props или vuex

как правильно через props ? props: { source: String } так попробовал - не работает

0 Что в вашем понимании "значение может изменится"? я предполагаю что само значение identity.login поменяется, не понимаю - что придется переделывать в created? или вы предполагаете, что в каком-то методе поменяется значение? даже если так, значит так надо по логике вещей, иначе нахер менять значение) 1 бессмысленно обсуждать 2 Согласен, что возвращаемое значение как целое не поменять, однако остается возможность менять то, что складывается для return, тобишь я могу поменять 'https://google.com/r/blabla' на 'https://google.com/r/hertamplaval'

0. Если окажется, что identity.login будет меняться во время работы приложения, из created придётся перенести в computed 2. Варианты, которые получатся в случае с computed по сути являются допустимыми, ибо это всё ещё ссылка на аккаунт в гугле, пусть даже не существующий, а если через created - там даже ссылкой не пахнет)

Карочи я пшол

Кто то работа c Vue + Electron?

как правильно через props ? props: { source: String } так попробовал - не работает

попробуйте не как объект, а как массив

попробуйте не как объект, а как массив

Не дезинформируй людей

Пропс и vuex тут никаким боком не подходят

Здравствуйте, подскажите пожалуйста: как передать @click.stop="drawer = !drawer" из А в Б ? компонент А (гамбургер) компонент Б (меню)

Компонент B находится внутри компонента A?

Компонент B находится внутри компонента A?

нет

Давайте поиграем

Зовите вангу

drawer это метод?

я здесь

кто звал

drawer это метод?

<v-toolbar-side-icon @click.stop="drawer = !drawer"></v-toolbar-side-icon>

кто звал

Чё хочет @alexsymbol

вижу...

<v-toolbar-side-icon @click.stop="drawer = !drawer"></v-toolbar-side-icon>

Окей, и чего ты пытешься добиться?

вижу... жопу полную в коде...

вижу... жопу полную в коде...

это был 1 компонент vutify которые пытаюсь разбить на 2

С идет на ум... его звать Сережа?

Окей, и чего ты пытешься добиться?

Меню боковое ему открывать надо

Я не понял чё куда надо передавать

Меню боковое ему открывать надо

верно

Я не понял чё куда надо передавать

Тыкаешь кнопку, она меняет стейт и передает его через пропсу в компонент меню, который открывается/закрывается от этой пропсы

Кнопка в родительском компоненте или в соседнем?

vue все что не пропс оставляет как атрибут элемента. Можно как-то это обойти?

Кнопка в родительском компоненте или в соседнем?

Это вы уже с Alexander разбирайтесь, дальше мне лень

vue все что не пропс оставляет как атрибут элемента. Можно как-то это обойти?

Да

Там опция у компонента есть

vue все что не пропс оставляет как атрибут элемента. Можно как-то это обойти?

https://ru.vuejs.org/v2/api/#inheritAttrs

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

Кнопка в родительском компоненте или в соседнем?

в соседнем

https://ru.vuejs.org/v2/api/#inheritAttrs

Отлично. То что нужно. Спасибо

в соседнем

Почитай про модификатор .sync для пропсов

Или про v-model для пользовательских компонентов

Или про v-model для пользовательских компонентов

Хорошо, спасибо

Отлично. То что нужно. Спасибо

?

Ну или всё-таки можно хранить значение в vuex

Ну или всё-таки можно хранить значение в vuex

Вероятнее всего, будет достойно хранить стейт в общем паренте

Согласен, только надо передавать значение снизу вверх, для чего нужен .sync

ERROR: S client not available

Ну или просто событиями

Помогите с реактивностью. В компонент я передаю массив, который будет обрабатываться в этом компоненте. Так вот, операции с массивом только добавить/удалить элемент. Меняется массив реактивно(в devtools сразу данные меняются) но не рендерится не реактивно, через раз.

Помогите с реактивностью. В компонент я передаю массив, который будет обрабатываться в этом компоненте. Так вот, операции с массивом только добавить/удалить элемент. Меняется массив реактивно(в devtools сразу данные меняются) но не рендерится не реактивно, через раз.

v-model используете?

Помогите с реактивностью. В компонент я передаю массив, который будет обрабатываться в этом компоненте. Так вот, операции с массивом только добавить/удалить элемент. Меняется массив реактивно(в devtools сразу данные меняются) но не рендерится не реактивно, через раз.

если можно код?

с ним все должно рендериться на ура

товарищи, а есть какие-то общепопулярные компоненты чтобы почти коробкой запилить аутентификацию на вью с бэкендом на фласке/джанге?

<ImageUpload v-model="cooperative.photos" /> _______________________________________ <div v-for="(photo, photoIndex) in value" :key="photoIndex" class="draggble-element" > .... props: { value: { type: Array, required: true } } ... this.value.push({path: null, data: event.target.result}) Примерно такая схема

щас найду куда онлайн код вставить можно

щас найду куда онлайн код вставить можно

codepen

товарищи, а есть какие-то общепопулярные компоненты чтобы почти коробкой запилить аутентификацию на вью с бэкендом на фласке/джанге?

не компонент, но я несколько дней назад это все сделал. Могу код свой дать —> VueJS/Django ?

не компонент, но я несколько дней назад это все сделал. Могу код свой дать —> VueJS/Django ?

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

в личку скину

спс

Всем добрый день! Ребят помогите разобраться с головоломкой. Пишу селект, все получается, все круто, но есть один момент: селект должен работать так: при клике на поле (input) октрывается список, при клике на опцию выбирается значение и список закрывается. Так вот когда я вставил кнопку очищения то появился забавный баг, вообще не предсказуемый... Есть два v-if="value && !isOpen" в .app-select-search, у span и у button, из за них после выбора значения в селекте, список при фокусе на input больше не появляется, к тому же добавляется еще одно событие "close" (можете посмотреть в консоле) Забавно то, что если у одного из span/button изменить v-if на v-show, то все работает отлично, все повторно открывается. Если перенести input после button тоже работает, багов нет. Я думал сначала, что дело в фокусах, так как из за специфики есть фокус и на инпуте и на корневом элементе. Но после того, как при перемещении инпута после кнопки очищения или наоборот, все работает, я просто вообще перестаю логически мыслить... Помогите разобраться пожалуйста. https://codesandbox.io/s/7ww75nn171

Всем добрый день! Ребят помогите разобраться с головоломкой. Пишу селект, все получается, все круто, но есть один момент: селект должен работать так: при клике на поле (input) октрывается список, при клике на опцию выбирается значение и список закрывается. Так вот когда я вставил кнопку очищения то появился забавный баг, вообще не предсказуемый... Есть два v-if="value && !isOpen" в .app-select-search, у span и у button, из за них после выбора значения в селекте, список при фокусе на input больше не появляется, к тому же добавляется еще одно событие "close" (можете посмотреть в консоле) Забавно то, что если у одного из span/button изменить v-if на v-show, то все работает отлично, все повторно открывается. Если перенести input после button тоже работает, багов нет. Я думал сначала, что дело в фокусах, так как из за специфики есть фокус и на инпуте и на корневом элементе. Но после того, как при перемещении инпута после кнопки очищения или наоборот, все работает, я просто вообще перестаю логически мыслить... Помогите разобраться пожалуйста. https://codesandbox.io/s/7ww75nn171

нюанс.

Интрига

Интрига

вот то, что у меня в коде, там интрига)

Всем добрый день! Ребят помогите разобраться с головоломкой. Пишу селект, все получается, все круто, но есть один момент: селект должен работать так: при клике на поле (input) октрывается список, при клике на опцию выбирается значение и список закрывается. Так вот когда я вставил кнопку очищения то появился забавный баг, вообще не предсказуемый... Есть два v-if="value && !isOpen" в .app-select-search, у span и у button, из за них после выбора значения в селекте, список при фокусе на input больше не появляется, к тому же добавляется еще одно событие "close" (можете посмотреть в консоле) Забавно то, что если у одного из span/button изменить v-if на v-show, то все работает отлично, все повторно открывается. Если перенести input после button тоже работает, багов нет. Я думал сначала, что дело в фокусах, так как из за специфики есть фокус и на инпуте и на корневом элементе. Но после того, как при перемещении инпута после кнопки очищения или наоборот, все работает, я просто вообще перестаю логически мыслить... Помогите разобраться пожалуйста. https://codesandbox.io/s/7ww75nn171

Почему-то кажется, что дело все в том, что эвент всплывает в label, а так как инпут внутри label происходит рефокус в инпут, и дальше дебри какие-то )

хотя нет, даже если не в label обернуть все равно

Почему-то кажется, что дело все в том, что эвент всплывает в label, а так как инпут внутри label происходит рефокус в инпут, и дальше дебри какие-то )

это уже пройдено) уже и див ставил) не важно) дело в том, что так происходит только если инпут находится между span и button, и у span/button стоит v-if. как я уже выше написал, если у span или button заменить v-if на v-show то заработает, ну или инпут переместить в а span или за button, тоже так будет работать :DDDD

хотя нет, даже если не в label обернуть все равно

я не думаю, что дело в фокусе

хотя да, событие "close" еще одно появляется, но у меня просто нет слов по этому поводу уже... по этому и прошу помочь

всем привет! как в nuxt по уму логировать ошибки? именно писать в лог?

что бы когда app.context.error писалось в лог... ну или просто был глобальный логгер и ему скармливать ошибку.. а юзеру показывать то что хотим при этом..

Дело в том что v-if перестраивает dom и "физически" удаляет span при фокусе на input

поэтому теряется фокус

v-show делает span'у display: none и ничего никуда не перестраивается

Начнем с того, вешать фокус на див вообще корректно? нет же вроде

Начнем с того, вешать фокус на див вообще корректно? нет же вроде

на какой дом?)

на див, опечатался)

на див, опечатался)

Там не на див