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

Vue, сам по себе не следит за изменением браузерного DOM. А вообще, есть слабенький плагин VueDraggable. Может подойдет

с помощью него я и сделал драг-енд-дроп)

с помощью него я и сделал драг-енд-дроп)

делай после дропа обновление массива

делай после дропа обновление массива

массив обновляется, дом не обновляется, с nextTick должен помочь

массив обновляется, дом не обновляется, с nextTick должен помочь

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

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

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

ГАЙЗ !!!! я решил вчерашную таску !!!

Всем привет, а есть где-нибудь репки с приложениями на vue, чтобы посмотреть, как народ делает красиво vuex, routing секьюрный

вот это все

ребят, если возвращаться к истокам Flux и Vuex.. в чём собственно проблема в bidirectional data flow?

ребят, если возвращаться к истокам Flux и Vuex.. в чём собственно проблема в bidirectional data flow?

https://ru.m.wikipedia.org/wiki/Flux-архитектура

https://ru.m.wikipedia.org/wiki/Flux-архитектура

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

Просто в твоём случае этой проблемы может и не быть. А если есть приложение где из многих мест может изменяться состояние приложения, то отследить откуда вдруг всё поменялось становится проблематично. А с однонаправленным потоком можно будет отследить откуда в ногу стреляет

У нас на проекте вьюкс и не нужен был. Тащить его просто так – усложнять себе жизнь

у меня проект на 5-7 страниц с магазином и корзиной. Очень маленький, да неудобно без него

орудую шинами подобно модулям во vuex

key есть у списка компонентов?

key есть у списка компонентов?

Да

Да

Ну тогда только остаётся показать код

Парни вопрос от нуба обязательно ли вуе материал вебпаком собирать?

Ну тогда только остаётся показать код

Попробую разобраться с помощью nextTick, если не сработает - тогда буду показывать код

Давай

Просто в твоём случае этой проблемы может и не быть. А если есть приложение где из многих мест может изменяться состояние приложения, то отследить откуда вдруг всё поменялось становится проблематично. А с однонаправленным потоком можно будет отследить откуда в ногу стреляет

Да, согласен, но чем Flux отличается в таком случае от MVC?! в MVC - Dispatcher по сути является контроллером, Store моделью, а Action - методом контроллера. View вызывает методы контроллера, которые вызывают методы одной или нескольких моделей, которы сигнализируют изменения View'шке

Фейсбучники неоднократно заявляли что MVC плох тем, что в нём "bidirectional data flow", или "two-way data binding", но ведь это чушь собачья... они что, неправильно трактовали MVC всё это время?

Давай

Не знаю, как выложить многофайловые компоненты на jsfiddle https://github.com/kolyaraketa/my-lists

Просто в твоём случае этой проблемы может и не быть. А если есть приложение где из многих мест может изменяться состояние приложения, то отследить откуда вдруг всё поменялось становится проблематично. А с однонаправленным потоком можно будет отследить откуда в ногу стреляет

И ключевое слово - из МНОГИХ, а не из двух-трех

Есть компонент Lists и внутри него ListSingle

но происходит такая фигня

Не знаю, как выложить многофайловые компоненты на jsfiddle https://github.com/kolyaraketa/my-lists

https://codesandbox.io/s/vue

https://codesandbox.io/s/vue

воу, щас попробую

И ключевое слово - из МНОГИХ, а не из двух-трех

глянь сообщение выше, чем Flux от MVC отличается то?

воу, щас попробую

А попробуй переименовать на gh src/main.js в src/index.js В той песочнице есть импорт из github

А попробуй переименовать на gh src/main.js в src/index.js В той песочнице есть импорт из github

ага, ломаю голову, будет ли все работать)) щас сделаю

странно что main не хочет кушать

Ну у них по умолчанию точка входа на index, видимо

Всем привет!) Хорошая ли затея передавать на верх координаты от dragndrop?

Просто x и y через пропс передаю в дочерний

Я в плане оптимизации парюсь

Ну у них по умолчанию точка входа на index, видимо

мб для реакта он подходит хорошо, но не для вью((

Всем привет!) Хорошая ли затея передавать на верх координаты от dragndrop?

Зачем?

но происходит такая фигня

чувак, ты пздц. Откуда у тебя в list поле el !?

https://github.com/kolyaraketa/my-lists/blob/master/src/components/Lists.vue#L8

Зачем?

Я x и y через родителя задаю. А в нем куча однотипным компонентов с разными парамеирами

В сторе хранить только общие данные, но не просто однотипные

Зачем?

И что-то невыходит нормально драгать svg иногда копия картинки перетаскивается

В сторе хранить только общие данные, но не просто однотипные

В падлу стор делать, мне не нужно далеко прокидывать данные

Там уже надо смотреть Возможно, для v-for не указан обязательный key (или тут некоторые умудрялись в key просто индекс прокидывать)

чувак, ты пздц. Откуда у тебя в list поле el !?

ты про стили? там же scope не указан

ты про стили? там же scope не указан

Причем тут стили? Посмотри по ссылке на строчку

Причем тут стили? Посмотри по ссылке на строчку

мда

капец я тупой

Причем тут стили? Посмотри по ссылке на строчку

Спасибо тебе огромное

Причем тут стили? Посмотри по ссылке на строчку

Будешь в Киеве - проставлюсь пивасом)

Теперь все работает, постараюсь больше не тупить)

Теперь все работает, постараюсь больше не тупить)

Я тебе отправил пулл-реквест. Еще ты наруешь обмен данными между компонентами - пропсы вниз, ивенты вверх. А ты меняешь данные родителя в дочернем компоненте. Не надо так. Используй ивенты

Я тебе отправил пулл-реквест. Еще ты наруешь обмен данными между компонентами - пропсы вниз, ивенты вверх. А ты меняешь данные родителя в дочернем компоненте. Не надо так. Используй ивенты

Спасибо, сейчас смерджу и буду разбираться)

Спасибо, сейчас смерджу и буду разбираться)

Сначала diff посмотри ?

Сначала diff посмотри ?

посмотрел)

Все таки не стоит передовать событие драна на верх) Лагает пиздец)

Буду стор юзать)

Драга

Сначала diff посмотри ?

не знал, что $emit используется для передачи ивента родителю, спасибо большое

не знал, что $emit используется для передачи ивента родителю, спасибо большое

? читай доки

? читай доки

да читаю читаю, хотелось бы больше реальных примеров) написано все хорошо, но область применения не всегда очевидна)

не знал, что $emit используется для передачи ивента родителю, спасибо большое

А в родителе ещё можно отслеживать ивенты и запускать свои

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

когда ты не знаешь точно, понадобится ли тебе этот “слот” или нет

Всм использовать слот с дефолтным контентом, который я перезапишу при необходимости?

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

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

Можешь из vuetify взять

Можешь из vuetify взять

я только выпилил vuetify

:)

не понравился

из за модалок кстати

Там теперь можно отдельные компоненты брать

из за модалок кстати

Кастамизийруй немного Там есть все

у меня ситуция необычная, есть с таблица с данными, до 500 строк, и из каждой строки надо вызвать модалку

у меня ситуция необычная, есть с таблица с данными, до 500 строк, и из каждой строки надо вызвать модалку

И?)

я пытался сделать через vuetify, не работает

либо надо ложить каждый диалог в ячейку

что пораждает 500 не нужных узлов

короч выкинул я этот vuetify

слишком навороченный

слишком навороченный

Динамически вставляй узлы

Динамически вставляй узлы

не понял, компонет вызвать динамически?

не понял, компонет вызвать динамически?

Да

не понял, компонет вызвать динамически?

И зачем сразу 500 строк таблицы выводить? Можно панинацию сделать

Пагинацию

ну такие особенности

мб и миллион

пожелание клиента

инфинайт скролл

спасибо, попробую

Сори за нубские вопросы но почему при создании двух new Vue ({}) перестают работать оба (

Или так нельзя делать