Покажи кстать как ты меняешь массив, мне интересно, почему vue не жалуется на мутации

сейчас еще раз запробую, но кажется ошибку получал mutation...

сейчас еще раз запробую, но кажется ошибку получал mutation...

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

Покажи кстать как ты меняешь массив, мне интересно, почему vue не жалуется на мутации

list.js: props: {value:Array} data(){ return {data: this.value} methods:{ load(){ fetch('url').then( r => r.json()) .then( d => { this.data.splice(0); this.data.push(...d.data.map( r => new Model(r) )) }) } //load() }

list.js: props: {value:Array} data(){ return {data: this.value} methods:{ load(){ fetch('url').then( r => r.json()) .then( d => { this.data.splice(0); this.data.push(...d.data.map( r => new Model(r) )) }) } //load() }

И че, он так не жалуется на мутации?

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

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

И че, он так не жалуется на мутации?

так как раз правильно, ты ведь с this.data работаешь

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

Ты же понимаешь, почему нельзя мутировать пропсы?

так как раз правильно, ты ведь с this.data работаешь

Ну типо ссылка на массив то одна должна быть.

вот я так понял развязывается оно

Ты же понимаешь, почему нельзя мутировать пропсы?

нет, с этим я не догнал еще почему нельзя их менять

из-за рекусивных событий от Observable ?

нет, с этим я не догнал еще почему нельзя их менять

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

А нельзя файлз воткнуть в vuex store?

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

как это он не знает, если он его в Observable заворачивает

как это он не знает, если он его в Observable заворачивает

Типо this.arr = newArr

и watch отслеживает

А нельзя файлз воткнуть в vuex store?

vuex еще не изучал, хотел без лишних оберток обойтись А как мне кста это поможет?

vuex еще не изучал, хотел без лишних оберток обойтись А как мне кста это поможет?

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

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

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

надо поэкспериментировать как это будет работать с uploader'ом я хотел, чтобы сторонняя компонента работала с массивом хезе как, но этот массив у нее пополняется вполне себе и я хотел его и прокидывать всюду... в общем, сейчас 2 варианта поэкспериментю 1. computed мне подсказали еще попробовать 2. vuex.store

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

Compited кеширует, он не реактивен

Compited кеширует, он не реактивен

он будет реактивен, если на него watch еще натравить

Да

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

В старой спеке Prop Mutation (deprecated) Mutating a prop locally is now considered an anti-pattern, e.g. declaring a prop and then setting this.myProp = 'someOtherValue' in the component. Due to the new rendering mechanism, whenever the parent component re-renders, the child component’s local changes will be overwritten. Most use cases of mutating a prop can be replaced by one of these options: a data property, with the prop used to set its default value a computed property

тоды должно решить, по идее проблему

В старой спеке Prop Mutation (deprecated) Mutating a prop locally is now considered an anti-pattern, e.g. declaring a prop and then setting this.myProp = 'someOtherValue' in the component. Due to the new rendering mechanism, whenever the parent component re-renders, the child component’s local changes will be overwritten. Most use cases of mutating a prop can be replaced by one of these options: a data property, with the prop used to set its default value a computed property

т.е. родитель перетрет значения дочернего при ре-рендере

Именно

Поставил сборку vuetify

Подскажите, пожалуйста) У меня в форме есть модальное окно для вывода ошибок валидации, полученных с сервера <form> ... <alert v-if="errors"></alert> ... </form> ... data() { return { errors: null } }, methods: { submit() { this.errors = null send_form().then(() => {}, errors => { this.errors = errors }) } } Мне кажется, что я как-то некрасиво работаю с переменной errors - не реактивно, что ли) Подскажите, как нормально можно это сделать?)

Подскажите, пожалуйста) У меня в форме есть модальное окно для вывода ошибок валидации, полученных с сервера <form> ... <alert v-if="errors"></alert> ... </form> ... data() { return { errors: null } }, methods: { submit() { this.errors = null send_form().then(() => {}, errors => { this.errors = errors }) } } Мне кажется, что я как-то некрасиво работаю с переменной errors - не реактивно, что ли) Подскажите, как нормально можно это сделать?)

this.data.splice(0); this.data.push(...d.data.map( r => new Model(r) )) что-то такое попробуйте или посмотрите на .$set( - если я ошибаюсь, меня поправят

this.data.splice(0); this.data.push(...d.data.map( r => new Model(r) )) что-то такое попробуйте или посмотрите на .$set( - если я ошибаюсь, меня поправят

А, я вас понял, да, только что об этом в документации читал) Но я не совсем корректно выразился) Всё работает, окно показывается, обновляетсая - с этим всё круто) Меня больше беспокоит частое присваивание мной this.errors = null - это нормально так писать?)

А, я вас понял, да, только что об этом в документации читал) Но я не совсем корректно выразился) Всё работает, окно показывается, обновляетсая - с этим всё круто) Меня больше беспокоит частое присваивание мной this.errors = null - это нормально так писать?)

Частое ? Где частое ?

Частое ? Где частое ?

При каждом сабмите формы и в инициализации... А вообще, действительно, я глупость какую-то говорю)

@CyberMerlin я знаю, что too late, но решил в доке найти где написано, что нельзя мутировать пропсы

https://ru.vuejs.org/v2/guide/components-props.html#%D0%9E%D0%B4%D0%BD%D0%BE%D0%BD%D0%B0%D0%BF%D1%80%D0%B0%D0%B2%D0%BB%D0%B5%D0%BD%D0%BD%D1%8B%D0%B9-%D0%BF%D0%BE%D1%82%D0%BE%D0%BA-%D0%B4%D0%B0%D0%BD%D0%BD%D1%8B%D1%85

@CyberMerlin я знаю, что too late, но решил в доке найти где написано, что нельзя мутировать пропсы

nothing is matter late thx

пока добирался до дома, проанализировал все вышеизложенное vuex.store или (в моем случае) простой массив так или иначе должна быть возможность менять ее в том месте, куда ее передали в том случае если мы НЕ пишем в стиле функционального программирования. вполне себе адекватно передавать объект по цепочке, чтобы каждое последующее звено вносило строго свои правки в него без необходимости анализа и доп. работы на каждом шаге по актуализации данных

vuejs заставляет писать нас в функциональном стиле. и это немного странно (для меня)

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

Ребят, подскажите какой нибудь компоент для параллакс эффекта по типу https://dixonandmoe.com/rellax/ А то гугл не выдает нужных вариантов

Параллакс в 2018

Вообще это надо самому делать, там тюнинг анимаций с request animation frame, слои итд что б не лагало

Вообще это надо самому делать, там тюнинг анимаций с request animation frame, слои итд что б не лагало

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

Ну у гугла были советы по оптимизации рендера

Но вообще нет

Надо по крупицам собирать фактически

Параллакс в 2018

Сделайте пожалуйста ЭФФЕКТЫ на сайте

можно ли передать название где ключ tittle ?https://hastebin.com/puboqakeje.css

а название брать с router

title: 'Enot-Shop | :category',

vuejs заставляет писать нас в функциональном стиле. и это немного странно (для меня)

А можно подробнее, где там Вью заставляет?

Я так понимаю один из паттернов функционального программирования это мутации

Я так понимаю один из паттернов функционального программирования это мутации

Ты хотел сказать, их отсутствие?

кто-то не понимает в сарказм

Сложна

Я так понимаю один из паттернов функционального программирования это мутации

Орнул

Претир стоит глобально

а какого ты эффекта желаешь?

ERROR: S client not available

преттиер не умеет в html

surprise mother fucker

преттиер не умеет в html

В реакте умел, а тут нет?

В реакте умел, а тут нет?

в реакте jsx, а тут html

тонкая грань, но зато какая

Пздцсук

Че делать то?

beatifuler или как его там

он умеет html форматировать

но я не мастер по вебштормам

beatifuler или как его там

это вскод

"vetur.format.defaultFormatter.html": "js-beautify-html", это ?

бля, не признал

да

ну я думаю дока не врет

но мне не нравится как форматирует этот jsbeatify

поэтому советую сразу красиво писать)

Это гемморой пробельчики расставлять

разве их не через табы выставляют

Да я в общем говорю

я просто не уверен, что js-beatifulier (бля не могу выговорить и написать правильно) умеет делать такого вида формат <htm long-atts data-attr2 /> => <html long-atts data-attr2 />

Я ставил короче или через ветур или еще как-то, у меня ВСЕ РАБОТАЛО

Но я потом решил начать заново, и сутки уже не могу настроить ничего

Привет

делал ли кто-нибудь слайдер с помощю нативной анимации vue? без npm всяких?

суть в чем - я по очереди показываю элементы из цикла

по индексу

ну и анимировано их хочу делать (делал в другом проекте анимацию через vue) но может кто еще какой способ проще предложит

я просто не уверен, что js-beatifulier (бля не могу выговорить и написать правильно) умеет делать такого вида формат <htm long-atts data-attr2 /> => <html long-atts data-attr2 />

Умеет, но я смотрю сейчас, он деприкейтед...

Умеет, но я смотрю сейчас, он деприкейтед...

уже год