Просто в 1 вью были дефолтные фильтры

Интересно, остались ли они во 2

Насколько мне известно, нет. Да и не нужны они

Понял, спасибо)

Я вообще стремлюсь к тому, чтобы в проекте было как можно меньше NIH-вещей. Только если без них никак

Потому что ты пытаешься применить мап к ещё не полученному объекту. Либо делай дефолтную структуру подробнее, либо в компьютед ставь защиту от несуществующего массива

понял, спасибо. я думал компонент получает пропсы перед инициализацией...

понял, спасибо. я думал компонент получает пропсы перед инициализацией...

То да, ЕМНИП, просто не факт, что объект load в родителе уже готов

То да, ЕМНИП, просто не факт, что объект load в родителе уже готов

агааа. точно! спасибо всем

агааа. точно! спасибо всем

А на кой чёрт у тебя в пропсах дефолт - функция?

А на кой чёрт у тебя в пропсах дефолт - функция?

ну для массивов и объектов свойсво не катит же. надо функцию с return

Это ты откуда взял?

дока

Хмм

Ха. Не знал

вотута https://ru.vuejs.org/v2/guide/components.html#Валидация-входных-параметров

Любопытно, почему так

Любопытно, почему так

Потому что объекты по ссылке

Потому что объекты по ссылке

Не понял. Можно чуть подробнее, плиз?

так же и data - в инстансе свойсво, а в компонентах функция

Интересно, остались ли они во 2

Кто то допилил фильтры из 1 версии для второй. Ссылок сейчас не дам, гугл в помощь

Не понял. Можно чуть подробнее, плиз?

Вью втягивает дата в экземпляр компонента. Если там будет объект то он будет скопирован по ссылке и будет общим для всех экземпляров

Если же функция - функция каждый раз создаёт новый объект

Я бы вообще убрал бы возможность объявлять data не функцией

Я бы вообще убрал бы возможность объявлять data не функцией

То дата. А пропсы разве не другая история?

Точно так же

Или дефолтные пропсы = дата?

Да, по сути

Разумно

Когда-то задавал тут вопрос о фильтрах - как не плодить многочисленные Vue.filter() в main.js, а объединить все фильтры и передать одной сущностью. Вот у kazupon увидел решение. Все просто - но сам не додумался: // filters.js export default { lowercase (value) { return value.toLowerCase() }, uppercase (value) { return value.toUpperCase() } } // app.vue import filters from './filters.js' ... export default { name: 'app', ... filters } // template <div id="app"> <img src="./assets/logo.png"> <p>{{ msg | lowercase | uppercase }}</p> </div>

Когда-то задавал тут вопрос о фильтрах - как не плодить многочисленные Vue.filter() в main.js, а объединить все фильтры и передать одной сущностью. Вот у kazupon увидел решение. Все просто - но сам не додумался: // filters.js export default { lowercase (value) { return value.toLowerCase() }, uppercase (value) { return value.toUpperCase() } } // app.vue import filters from './filters.js' ... export default { name: 'app', ... filters } // template <div id="app"> <img src="./assets/logo.png"> <p>{{ msg | lowercase | uppercase }}</p> </div>

Vue.filter() регистрирует глобальные фильтры, у тебя локальные для компонента.

Vue.filter() регистрирует глобальные фильтры, у тебя локальные для компонента.

не спорю

не спорю

ну я к тому, что тогда ты хотел множественные фильтры через Vue.filter(), т.е. это чуть другой вопрос.

ну я к тому, что тогда ты хотел множественные фильтры через Vue.filter(), т.е. это чуть другой вопрос.

я понимаю. для меня - что я показал пример - годный как раз. нужно - "быть в одной куче"; подключать - "где необходимы".

?

скучно

постримить что-ли

Таки, почему бы и да)

На ютюбе же?

Эх, жаль мне уходить надо. Скучаю по твоим стримам)

на лайвэду наверное

там коммьюнити есть живое

хотя хз

просто общения охота

Это Инстаграм тогда)

подброшу монетку

лайвэду или ютуб

на лайвэду народ и экосистема поприятнее

что-то на заработали у меня все эти smart-plurals и pluralize-ru под vuejs. нашел такую штуку - простая и работает: // methods getNoun (number, singular, few, plural) { number = Math.abs(number) number %= 100 if (number >= 5 && number <= 20) { return plural } number %= 10; if (number == 1) { return singular } if (number >= 2 && number <= 4) { return few } return plural } // template <template> <div id="app"> ... <p>{{ count + ' ' + getNoun(count, 'окно', 'окна', 'окон') }}</p> </div> </template>

прикольно - mixins более универсальный случай - можно туда запихнуть методы, хуки и тп; и фильтры также; главное - не забыть их правильно определить / прописать в миксине ))

ну во-первых эту штуку (getNoun) однозначно стоит сделать фильтром )

ну во-первых эту штуку (getNoun) однозначно стоит сделать фильтром )

я изначально так и пробовал - у меня не получилось ((

блин, похоже liveedu скатился в хламину

впрочем как и мое нарастающее разочарование во вью )

впрочем как и мое нарастающее разочарование во вью )

"Форест Гамп" - помните сценку, как ГГ бегал по дорогам Америки? )))

угу

ну вот поддерживать большую кодовую базу на вью это ад

и очень удручает возможность типизации

Гайс, кто-то сталкивался с тем, что fetch не посылает body в POST запросе?

причем, let response = await fetch(`${settings.base}${url}`, { body, method, headers }) строчкой выше писал console.log(body), все есть Но посылается пустота

разве типизация не во всех фреймворках одинаковая?

Народ, кто знает - почему вью ругается на такой шаблон - Duplicate presence of slot "default" found in the same render tree - this will likely cause render errors <div> <div> <slot></slot> </div> <div> <slot></slot> </div> </div><my-component> <div>test</div> </my-component>Я хочу создать компонент который выводил бы два раза свои чилдренов в разных дивах (чтобы например зеркально отобразить через стили)

а named слот пробовал? видимо, нельзя два простых

тоже самое и с named-слотами

логично

Простой слот он тож named, тока имя у него default. Называй по разному и либо пихай два раза, либо внутри компонента как-то копируй из одного в другой.

слот это точка ВНЕДРЕНИЯ контента

ERROR: S client not available

вы не можете внедрить один контент два раза в одно и то же место

это как с appendChild

это можно сделать только со scoped слотами потому что scoped slots компилируются в рендер функцию

Как-то разочаровал меня vue - в реакте можно сколько угодно дублировать чилдренов <div> <div>{this.props.children}</div> <div>{this.props.children}</div> </div>А транклудинг через слоты получается broken by design если он не позволяет дублирование. Как тогда переписать этот компонент с реакта на вью? scoped слоты - это же вроде как передача пропсов от чилдрена к родителю

впрочем как и мое нарастающее разочарование во вью )

А что печалит?

Как-то разочаровал меня vue - в реакте можно сколько угодно дублировать чилдренов <div> <div>{this.props.children}</div> <div>{this.props.children}</div> </div>А транклудинг через слоты получается broken by design если он не позволяет дублирование. Как тогда переписать этот компонент с реакта на вью? scoped слоты - это же вроде как передача пропсов от чилдрена к родителю

это уже давно обсудили https://forum.vuejs.org/t/vue-2-v-for-in-slot-duplicate-presence-of-slot-default/1734/8

Вопрос, а можно сделать v-model на поле обьекта в массиве обьектов?

Если v-for field in fields, сделать v-model на field.title реально?

конечно

почему оно может не работать? :)

я пробовал указать v-model="field.title" и v-model="fields[index].title"

ну оно работает

https://jsfiddle.net/50bsf7j3/

а кто сказал что это будет работать с contenteditable )

замените div на input и увидите что всё работает

Понял, спасибо :)

ну вот поддерживать большую кодовую базу на вью это ад

не ощутил пока. С чем вы там таким столкнулись?

полная враждебность к типизации

дефолтный вид не типизируется никак

vue-class-component по сути лишает доступа к миксинам

а флоу\тайпскрипт?

это же туда прикручивается

на тс есть бойлерплейт от майкрософт

у нас флоу, и это не решает проблемы

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

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

ну вот я и пошел на жертвы )

а что у Вас там случилось такого?

vue был принесен в жертву :)

это уже давно обсудили https://forum.vuejs.org/t/vue-2-v-for-in-slot-duplicate-presence-of-slot-default/1734/8

спасибо, через render-функцию ошибку не выдает render(h){ return h('div', [ h('div', {}, [this.$slots.default]), h('div', {}, [this.$slots.default]) ] ) },но я тогда совершенно не понимаю почему бы не позволить такое сделать точно так же через слоты в шаблонах

спасибо, через render-функцию ошибку не выдает render(h){ return h('div', [ h('div', {}, [this.$slots.default]), h('div', {}, [this.$slots.default]) ] ) },но я тогда совершенно не понимаю почему бы не позволить такое сделать точно так же через слоты в шаблонах

Тут разве не функциональная компонента нужна?

А все, не, не нужна