поэтому лучше сразу взять его

Спасибо, хороший совет

v5.1

тогда баг у тебя

потому что

Всем привет. Решили мы тут начать переписывать один магазин написанные на Rails + Jquery на Vue и встали несколько вопросов. Если не затруднит поделитись опытом у кого может были подобные интеграции. - Как организовать взаимодействие между компонентами на странице - Как переиспользовать компоненты на разных страницах если страницы рендерятся изначально на стороне сервера с помощью движка шаблонов из Rails - какой state manager(vuex, mobx, redux, etc) выбрать чтобы удобно можно было переиспользовать store с разных страниц и компонентов например меню с корзиной везде общие Спасибо.

Всем привет. Решили мы тут начать переписывать один магазин написанные на Rails + Jquery на Vue и встали несколько вопросов. Если не затруднит поделитись опытом у кого может были подобные интеграции. - Как организовать взаимодействие между компонентами на странице - Как переиспользовать компоненты на разных страницах если страницы рендерятся изначально на стороне сервера с помощью движка шаблонов из Rails - какой state manager(vuex, mobx, redux, etc) выбрать чтобы удобно можно было переиспользовать store с разных страниц и компонентов например меню с корзиной везде общие Спасибо.

мхм - то есть у вас страницы отдаются серваком а вы туда хотите вью присобачить?

да мы хотим часть логики делать на Vue потому что сложная логика взаимодействий на страницы постепенно заменяя jquery

Кирилл, я тебе в личку написал, проверь сообщения

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

к каким ))

вот пытаемся оценить сейчас

ну, сама схема простая, создаете сборку фронта чтобы юзать SFC, затем к примеру создаете файлик somePage.js - на ней монтируете компонент

бандл подрубается - детектится нужный адишник и к нему монтируется компонент

и вот так везде надо делать, айдишник прописываете в шаблоне на чем он там у вас

проще на нативщину переписать

честно

свой компонентики сделать и все

тут такое дело что переписывать все нет смысла нужно новую логику пилить

постепенно убивая что встречается на пути

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

то что я выше привел как пример - это так сказать от безысходности было, легаси и все такое

Попробуйте гем webpacker, ну и про монтирование выше верно написано, используйте однофайловые компоненты.

ага webpacker уже используем

а что по повду взаимодействия компонент между собой ?

вьюкс и шина

вьюкс туда тоже можно прикрутить да

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

Как в гайдах, если взаимодействие родитель-ребенок, то события и v-on. Если независимые компоненты, то через компонент-шину или/и vuex.

потому что не дестроится компонент

а если добавлю watch на роутер это норм, и там удалю?

Я думаю норм

Потому, что функции разные.

Debounce возвращает каждый раз новую обертку над функцией, а removeEvent удаляет только если совпадение 100%

Сделай функцию которая уже обернута в дебаунс

handleResize

спасибо

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

Добрый день. Пока был на React -использовал styleguidist для изолированной разработки компонентов. ЧТо из подобного посоветуете для Vue?

Добрый день. Пока был на React -использовал styleguidist для изолированной разработки компонентов. ЧТо из подобного посоветуете для Vue?

scoped styles. Вклчены в сам фреймворк.

scoped styles. Вклчены в сам фреймворк.

Не, я не про то. Я про удобную разработку компонентов. Ты их делаешь, документируешь - и на выходе у тебя сгенеренное приложение-документация с этими компонентами

Не, я не про то. Я про удобную разработку компонентов. Ты их делаешь, документируешь - и на выходе у тебя сгенеренное приложение-документация с этими компонентами

а, vue-styleguidist

ну или как-то так :D

Добрый день. Пока был на React -использовал styleguidist для изолированной разработки компонентов. ЧТо из подобного посоветуете для Vue?

Тоже самое есть для вью

Просто пытался добавлять к либе приставку vue вместо реакта или если нет слова реакта

Скорей всего найдешь аналог

React-router => vue-router

Добрый день. Пока был на React -использовал styleguidist для изолированной разработки компонентов. ЧТо из подобного посоветуете для Vue?

а сторибук?

https://storybook.js.org/basics/introduction/

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

.selectionStart

у HTMLInputElement ?

спасибо, сейчас попробую

коллеги, как в store из мутации одного модуля, изменить state в другом модуле, забыл синтаксически как пишется?)

коллеги, как в store из мутации одного модуля, изменить state в другом модуле, забыл синтаксически как пишется?)

Мутацией наверн

Мб глобальные

Из мутации никак емнип

Мутацией наверн

мутация в одном модуле, меняет state в другом, в соседнем)

ERROR: S client not available

Не

Вызвать мутацию другого модуля

из действия через root: true, а в мутации можно изменить state другого?)

ок)

спасибо)

из действия через root: true, а в мутации можно изменить state другого?)

Врядли

Добрый день. Пока был на React -использовал styleguidist для изолированной разработки компонентов. ЧТо из подобного посоветуете для Vue?

мы сторибук юзаем

а так стайлгайдист тоже имеет какую-то поддержку (вроде как)

Попробовал воспроизвести свою ошибку в песочнице. Воспроизвел с точностью наоборот. Сама логика вроде та же. Суть проблемы. Есть Radio button как отдельный компонент, есть компонент RadioGroup который получает массив возможных значений (options) и итерируя создает несколько Radio. Несколько Radio можно вывести и через v-for. Если оба подхода использовать для одной и той же v-model, в песке реактивно не обновляется то что через v-for, у меня локально не обновляется компонент RadioGroup https://codesandbox.io/s/248l8np7my

Вопрос собственно ЧЯДНТ?

Локально, проверял состояние после рендера при изменении пропсов. Все верно, но dom остается нетронутым

Хм. Просто в v-for забыл в Radio определять checked https://codesandbox.io/s/248l8np7my Теперь все норм А что у меня локально ?

Локально такая же проблема была. Всем спасибо ?

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

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

я как последний жмот звездочку репозиторию зажал, а сейчас нужно

https://github.com/guanzo/vue-smooth-reflow вот оно

Мутация это всегда одно действие с данными? Например я могу в одной мутации сначала очистить массив а потом его заполнить или это две мутации

Мутация это всегда одно действие с данными? Например я могу в одной мутации сначала очистить массив а потом его заполнить или это две мутации

Можешь

У меня есть мутация для пагинации

{current,total}

То есть в одной мутации можно менять разные данные?

То есть в одной мутации можно менять разные данные?

Конечно

Ток она один аргумент ловит

Как и все в вуексе

То есть в одной мутации можно менять разные данные?

Мутация должна совершать одно логическое действие. А вот изменений стора в этом действии может быть и несколько

Мутация должна совершать одно логическое действие. А вот изменений стора в этом действии может быть и несколько

Чем не одно действие

«Замена»