🐏 Alexander
влом искать -- какой вопрсо был, что статики понадобились?
как сделать статическое поле у разны инстансов компонентов, чтобы все они могли иметь доступ к одним и тем же данным
Michael
у них на фотке, кстати, вёрстка кривая в тз
ℝei
https://github.com/vuejs/vue-class-component
Michael
будет замыкание -- то же самое
🐏 Alexander
вынеси поле вовне объекта export defaut {}
я думал так написать, но не был уверен
Michael
ну что ж придется заморочится
если присмотреться -- там вся завязка на то, чтобы прилично на компоненты разбить
Michael
https://github.com/vuejs/vue-class-component
это прям если сильно заморочиться при суперлюбви к нативным классам и ещё не стандартным (!!!!) аннотациям
🐏 Alexander
ну вот нормальный вариант const data = {} export default {}
🐏 Alexander
ну вон же написал))
попробуй короч
Michael
Спасибо за советы
а если ещё серьёзнее -- спроси что они понимают над адаптивностью. Я бы макеты спросил)))) либо на своё усмотрение в каких-то пределах резинить...
Abuse Not a Crime
если присмотреться -- там вся завязка на то, чтобы прилично на компоненты разбить
Мне вот только что знакомый отписал сказал у него бы ушло 25 часов и понадобился бы сокет еще если загрузка в реальном времени
Michael
ну вот нормальный вариант const data = {} export default {}
я примерно так и делаю, если есть какие-то желания посинглтонить или типа того
Sergey
Привет! Подскажиет, у меня есть массив filter в котором есть массив preview и есть список filter__list и список preview__list. Как правильно выводить елементы preview? https://jsfiddle.net/PshlT/rf5naucn/2/
🐏 Alexander
это большое задание, не понимаю смысла, неужели не могут за 20 мин понять знает чувак js на базовом уровне или нет
Michael
в лучшем случае наговнокодят с красными глазами, зато быстрее отчитаются, и посмеиваться будут.
Michael
это большое задание, не понимаю смысла, неужели не могут за 20 мин понять знает чувак js на базовом уровне или нет
если присмотреться, хотят понять понимание декомпозиции (thinking in react для олдфагов)
Maxim Ambrosevich
да о чем и речь, как то круто для джуна
Maxim Ambrosevich
тут с этим заданием можно конкретно зарыться
🐏 Alexander
джуну вообще не нужно сокеты, он должен уметь просты http запрос посылать
Abuse Not a Crime
Ладно Спасибо пацаны кто уделил внимание
Michael
тут с этим заданием можно конкретно зарыться
будучи джуном точно. мидл -- смотяр какой мидл.
🐏 Alexander
сорри , я по диагонали комменты читал
Michael
там просят в локалсторейдж хреначить
Roman
короче думаю что нужно декларировать статик переменную в компоненте и регистр (массив функций) функцию setDisplayed и onDisplayedChanged в created регистрировать callback который ставить this.show = false в destroyed убирать callback из регистра в watch(show) -> setDisplayed
Michael
Ладно Спасибо пацаны кто уделил внимание
А, слыш. постарайся не плодить слишком много ключей в локалсторейдж. лучше сделай какую-то обёртку с JSON и одним ключём.
Michael
я бы долго разбирался, злой
Roman
очень перенаворочено
иначе никак, watch не определить на статическую переменную
Michael
ради чистоты ооп такой сарай городить
Michael
иначе никак, watch не определить на статическую переменную
тебе надо чтобы этот статик в вотче можно было обработать?
🐏 Alexander
не нужно вочить статику
Roman
ради чистоты ооп такой сарай городить
не ради OOP, а ради решения проблемы... иначе как предотвратить несколько контекстных меню на экране одновременно..
Abuse Not a Crime
А, слыш. постарайся не плодить слишком много ключей в локалсторейдж. лучше сделай какую-то обёртку с JSON и одним ключём.
Ладно попробую уже ведро поставил что бы черпать и кофе заваривать еще раз спасибо
Roman
тебе надо чтобы этот статик в вотче можно было обработать?
мне нужно лишь выполнить show = false если displayed изменился
Michael
там выше есть предложение const data = {} вне объекта экспорта. в data.item, например, объект. В created() императивно делаешь this.$watch() на него. Более изи же?
Michael
мне нужно лишь выполнить show = false если displayed изменился
и вообще чем тебе не нравится использовать замыкание как статический проп в терминологии ООП? ПОд капотом оно всё замыканияю
Michael
он гетерами сетерами хоть мать обложит
Michael
можно предварительно засетить вотчируемый объект через this.set()
Michael
тогда 100% обложится.
Michael
но чекни простой вариант для начала)
Sergey
а как нужно чтобы выглядело?
Вопрос сообственно я могу item от сюда v-for="item in filter передавать в качестве массива v-for="previews in item.preview" в другой елемент не вложенный в предыдущий http://joxi.ru/Q2KQqWEI9laJxr
Sergey
https://jsfiddle.net/PshlT/rf5naucn/3/ не совсем понимаю, как связать их
Roman
https://vuejs.org/v2/api/#vm-watch "Watch an expression or a computed function on the Vue instance for changes."
Roman
on the vue instance
Michael
https://vuejs.org/v2/api/#vm-watch "Watch an expression or a computed function on the Vue instance for changes."
Ой, да там 25 вариантов. Самы простой -- сделать компьютед, которое возвращает твой объект из замыкания
Michael
всё равно нагляднее
Roman
Ой, да там 25 вариантов. Самы простой -- сделать компьютед, которое возвращает твой объект из замыкания
не понял, в computed сделать externalValue() который возвращает external.value задекларированный вне объекта компонента?
Sergey
неа. Они только внутри себя работают. Как обычные функции)
Спасибо) тут я догодался уже , но как тогда в таких случаях лучше поступать?
Michael
где data -- объект вне вью, но в том же .vue
Roman
да чот за жесть-то?)))) computed: { data() { return data } }
const stateTest = { totalElements: 0 } export default { created() { // stateTest.totalElements++ this.$set(this.stateTest, 'totalElements', stateTest.totalElements + 1) console.log('CREATED', stateTest.totalElements) }, computed: { stateTest() { return stateTest } }, watch: { stateTest() { console.log('TEST STATE CHANGED:', this.stateTest) }, } }
Roman
не работает нихера
Roman
не тригерится watch
Michael
надо не в сам test совать, а в его проперти
Michael
если не получится, сам залезу -- интересно как так тогда
Michael
ща
Roman
изменяю поле "totalElements" объекта stateTest
Roman
что с $set'ом что без, один хрен не работает
Nikita
не тригерится watch
и не стригерится
Nikita
надо в data пропихивать
Roman
надо в data пропихивать
тоже не работает
Roman
watch не срабатывает вообще
Maxim Ambrosevich
computed: { stateTest() { return stateTest } }, а тут не this.stateTest должно быть?
Roman
computed: { stateTest() { return stateTest } }, а тут не this.stateTest должно быть?
не конечно-же, ибо мы берём статичный stateTest из вне компонента
Maxim Ambrosevich
ааа, видимо ен дочитал, my bad
Roman
какой смысл имеет computed если он возвращает локальную переменную 😄