ну вьюкс же может не быть привязан к инстансу vue

Может, но тогда он теряет реактивность

А если ее нет, то зачем vuex?

Тогда ещё в корешке vuex придётся хранить состояние жизненного цикла ?

А если хранить состояние, то уже вместо миксина плагин для vuex писать, с подпиской

А если ее нет, то зачем vuex?

ну допустим мы создали вьюхкс в сервис воркере ))

хд

ну вообще да

А можно ли как-то сделать прослеживание на дорбавление елементов в масив?

И при изменении вызывать евент

Делать через beforeUpdate и updated?

watch повесь на массив и все

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

ну допустим мы создали вьюхкс в сервис воркере ))

Тоже думал об этом на днях буквально, и пришёл к выводу, что он не особо юзабелен в воркерах -_-

Здорово, ребята! У меня возникла проблема с реализацией One way data flow. Дело в том что при передаче массива или объекта из родительского компонента в дочерний при мутации его в дочернем объекте также происходит мутация и в родительском. Мне бы это исправить. Пробовал Vuex, но там тоже ничего не мешает мутировать состояние из компонентов даже без коммитов мутаций.

Здорово, ребята! У меня возникла проблема с реализацией One way data flow. Дело в том что при передаче массива или объекта из родительского компонента в дочерний при мутации его в дочернем объекте также происходит мутация и в родительском. Мне бы это исправить. Пробовал Vuex, но там тоже ничего не мешает мутировать состояние из компонентов даже без коммитов мутаций.

читал про $emit?

про .sync?

Здорово, ребята! У меня возникла проблема с реализацией One way data flow. Дело в том что при передаче массива или объекта из родительского компонента в дочерний при мутации его в дочернем объекте также происходит мутация и в родительском. Мне бы это исправить. Пробовал Vuex, но там тоже ничего не мешает мутировать состояние из компонентов даже без коммитов мутаций.

копируй(пересоздавай) массив из props в data в created()

ребят, есть вычисляемое свойство companies, есть еще одно вычисляемое свойство counter , которое возвращает длину companies . на компоненте счетчика (визуальном представлении) есть v-model к свойству counter . Все работает как надо, но в консоли говорится, что нужен setter на counter . Но мне сеттер не нужен. Значит вешать watch или пустой сеттер поставить?

Здорово, ребята! У меня возникла проблема с реализацией One way data flow. Дело в том что при передаче массива или объекта из родительского компонента в дочерний при мутации его в дочернем объекте также происходит мутация и в родительском. Мне бы это исправить. Пробовал Vuex, но там тоже ничего не мешает мутировать состояние из компонентов даже без коммитов мутаций.

Массивы передаются по ссылке. поэтому изменение повлияет на всё - где он используется, если не делать копию mydata: [...myarray] например или через Object.assign

ребят, есть вычисляемое свойство companies, есть еще одно вычисляемое свойство counter , которое возвращает длину companies . на компоненте счетчика (визуальном представлении) есть v-model к свойству counter . Все работает как надо, но в консоли говорится, что нужен setter на counter . Но мне сеттер не нужен. Значит вешать watch или пустой сеттер поставить?

поменяй v-model на value

поменяй v-model на value

оо, то что нужно. спасиб

Только копирование, значит. Хм. Ладно, спасибо.

Только копирование, значит. Хм. Ладно, спасибо.

ну а как? по сути тыж одно и тоже меняешь. a1 = ['a','b','c'] a2 = a1 a2[0] = 'c' чему будет равно a1[0] ?

Я думал просто что эту проблему в Vue решили, ибо там неоднократно говорилось про One way data flow, концепт при котором дочерний элемент не должен так делать.

Ну или я так понял этот концепт

Просто зачем тогда все эти объявления мутаций, непонятно

Я думал просто что эту проблему в Vue решили, ибо там неоднократно говорилось про One way data flow, концепт при котором дочерний элемент не должен так делать.

это не проблема vue. это нормальное поведение js да и вообще всех высокоуровневых языков для сложных объектов. присваивание происходит по ссылке. иначе было бы долго и жрало память

Ребята всем привет нужна помощь: Как переделать вывод списка через v-for на вывод в 1 строку Пример: вывод в список <ul v-if="rates != null" class="list-currency"> <li v-for="(name, code) in currencies" :key="code" class="item-currency">{{amount}} {{currencies[choosenCode]}} = {{convert(code)}} {{currencies[code]}}</li> </ul> вывод в строку <ul > <li >{{amount}} {{currencies[choosenCode]}} = {{convert(code)}} {{currencies[choosenCurr]}}</li> </ul> Как передать code из v-for

Ребята подскажите пожалуйста Лучший компонент для OpenLayers Или лучше свою пилить?

Ребята всем привет нужна помощь: Как переделать вывод списка через v-for на вывод в 1 строку Пример: вывод в список <ul v-if="rates != null" class="list-currency"> <li v-for="(name, code) in currencies" :key="code" class="item-currency">{{amount}} {{currencies[choosenCode]}} = {{convert(code)}} {{currencies[code]}}</li> </ul> вывод в строку <ul > <li >{{amount}} {{currencies[choosenCode]}} = {{convert(code)}} {{currencies[choosenCurr]}}</li> </ul> Как передать code из v-for

<li class="..."><span v-for="...

<li class="..."><span v-for="...

не совсем, у меня в нижнем примере теряется code из convert(code), в первом примере я передавал его через v-for а как в нижнем передать чёта туплю

не совсем, у меня в нижнем примере теряется code из convert(code), в первом примере я передавал его через v-for а как в нижнем передать чёта туплю

сорян. либо сложно объяснил, либо у меня тупняки. но я не понимаю, что нужно(

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

Во

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

Спасибо )

Парни как изменить статус код, в mounted? или только в validate меняется?

Такой вопрос. Делаю блок step by step В родительском template идет отображение текущего шага, и кнопки продолжить В дочерких элементах своя разная валидация как бы мне вызвать дочерний метод валидации, который бы если все ок возвращал мне тру, и я мог бы перейти на следующий шаг

То посмотрел один из популярных vue-stepper, и там просто дочерний элемент settimeout сделан, каждые 3 секунды вызывает валидацию, и если все ок то вызывает родительский метод а что то мне вот вариант с таймаут не устраевает как то

вызвать откуда и чей метод ?

метод чилдрена из родителя или родителя из чилдрена или ?

из родителя вызвать дочерний метод

из родителя вызвать дочерний метод

https://ru.vuejs.org/v2/api/index.html#vm-refs как вариант

Друганы, а чо у меня nodemon по умолчанию не мониторит изменения в .vue файлах?

https://ru.vuejs.org/v2/api/index.html#vm-refs как вариант

Спасибо, то что нужно

Друганы, а чо у меня nodemon по умолчанию не мониторит изменения в .vue файлах?

https://github.com/remy/nodemon#specifying-extension-watch-list

https://github.com/remy/nodemon#specifying-extension-watch-list

Спасибо, то что нужно

Видали, кстати, vue-devtools вышел 4 версии.

​​Доброе утро, космонавты! Если вы работает с Vue.js или собираетесь, то слушайте сюда! Вышел релиз vue-devtools под номером 4.0. Добавили очень много интересного, например: - теперь можно менять data ваших компонентов прямо в инспекторе копонентов; - если вы используете Nuxt или vue-loader, то можно открывать компоненты из инспектора сразу в редакторе кода; - опция «inspect vue component» в контекстном меню браузера. И другие интересные штуки, читайте статью с обзором изменений!

Друганы, а чо у меня nodemon по умолчанию не мониторит изменения в .vue файлах?

ты путаешь бек/фронт

на кой черт ноде знать про изменения во фронте?

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

мы всегда генерим свое и в нем рутовое вызываем

на кой черт ноде знать про изменения во фронте?

Вебпак у меня собирает.

И nodemon включает "npm run dev" =)

И nodemon включает "npm run dev" =)

омг, ясно

А чо npm run dev самостоятельно мониторит изменения в vue файлах?

А чо npm run dev самостоятельно мониторит изменения в vue файлах?

как бы да

А чо npm run dev самостоятельно мониторит изменения в vue файлах?

если hot-reloading включишь (обычно включен, да)

А чо npm run dev самостоятельно мониторит изменения в vue файлах?

если ты юзаешь vue-cli

ERROR: S client not available

если ты юзаешь vue-cli

Юзаю.

Ща попробую.

Юзаю.

ну ты даешь ???

Он такой долгий падла.

10 секунд компилит.

если hot-reloading включишь (обычно включен, да)

Чот не включен, где включить? =)

Ну то есть я щас загуглю, но да.

Ну то есть я щас загуглю, но да.

по дефолту он включен

Ну то есть я щас загуглю, но да.

в конфиге вебпака (new webpack.HotModuleReplacementPlugin())

Падла не слушает изменения .vue файлов.

не может быть )

все равно не понимаю как это работает, ты ведь не вызываешь никаких мутаций, вообще ничего

непонятно в какой момент начнешь заполнять хранилище

пока что у тебя просто рекурсивный обход модулей с инекцией в виде init действия в каждый модуль

а, вызыов в плагине идет

(store)=>store.dispatch('init')

вот такой плагин

так я не понимаею, какие side эффекты имеет сие действие

ведь по сути твое дейтсвие должно вызывать какие-то другие дейтсвия, отличные от init

https://github.com/zhDmitry/vue-battleship/blob/master/src/store/configureStore.js

в модуле я определяю метод init

который и вызывается

а, все, понял ??

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

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

всмысле, они на стадии инициализации