Вызовы коммитов по максимуму должны быть в экшене

Спасибо за советы.

та не за что )

Ну так, на этом скрине путь "/", а вы зацепили компонент на маршрут "index". Вот и переходите по "#/index"

ок, сейчас переименую index на что-то другое

И что вы увидеть хотите? Открывается адрес /index?

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

я не знаю, что такое vue-multilanguage, но что, если этот текст вывести через v-html ?

всё должно быть ок

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

Вы скрин Vue Dev Tools прислали )) Какой там текст должен быть виден? Запилите уже песочницу.

в таком контексте - да) а если у меня полностью синхронная операция, почему я не должен использовать мутации в компоненте?)

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

как то странно, второй шаблон second а в роутерах index

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

Золотые слова. 150 коньяка этому господину.

скорее не то тяните с пути

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

То есть вы делаете лишний action чтобы сделать лишний action) В этом есть смысл, когда так принято в команде и все операции в основном все равно ходят на сервер, но рассматривать это как абсолютно верную рекомендацию к любому проекту я бы не стал :) если в коде компонента указан commit, ты сразу видишь синхронность операции прямо в компоненте, тебе не надо ходить в store и смотреть, что там происходит. Плюс это оверхед ( лишняя обертка, лишний код)

всем привет! тут такая проблема, есть jquery chosen там есть опции, и они не хотят применяться при изменении значения v-model

То есть вы делаете лишний action чтобы сделать лишний action) В этом есть смысл, когда так принято в команде и все операции в основном все равно ходят на сервер, но рассматривать это как абсолютно верную рекомендацию к любому проекту я бы не стал :) если в коде компонента указан commit, ты сразу видишь синхронность операции прямо в компоненте, тебе не надо ходить в store и смотреть, что там происходит. Плюс это оверхед ( лишняя обертка, лишний код)

Однако, с другой стороны, это — унификация. Компоненты зовут только экшены. Да и это абстракция от природы операции — зачем вообще знать синхронная операция или нет? А уж оверхед на таких вещах мерить... В подавляющем большинстве случаев основной тормоз будет в размере бандла, неоптимальности общения с сервером, долгом ответе от сервера, лишних рендерах...

Vue как то может наложить ограничение на ввод в <input> например чисел с разделителем точкой? или как это правильно делается?

Где <router-view>?

Однако, с другой стороны, это — унификация. Компоненты зовут только экшены. Да и это абстракция от природы операции — зачем вообще знать синхронная операция или нет? А уж оверхед на таких вещах мерить... В подавляющем большинстве случаев основной тормоз будет в размере бандла, неоптимальности общения с сервером, долгом ответе от сервера, лишних рендерах...

https://github.com/vuejs/vuex/issues/587 собственно, есть вот такое обсуждение, где тоже есть много разных мнений :) просто, на мой взгляд, нельзя подавать это как "нельзя использовать мутации в компоненте", или "не рекомендуется использовать мутации в компоненте напрямую", это не так, таких запретов и рекомендаций нигде нет.

Привет всем от новичка в Vue! Vue как то может наложить ограничение на ввод в <input> например чисел с разделителем точкой?

еще актуально?

Где <router-view>?

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

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

Ты как с роутером без него работать собрался?

https://github.com/vuejs/vuex/issues/587 собственно, есть вот такое обсуждение, где тоже есть много разных мнений :) просто, на мой взгляд, нельзя подавать это как "нельзя использовать мутации в компоненте", или "не рекомендуется использовать мутации в компоненте напрямую", это не так, таких запретов и рекомендаций нигде нет.

Запретов нет, согласен. А рекомендация есть. Моя, например) Есть и рекомендации к противоположному мнению. Поэтому мы просто выссказываем аргументы за или против, а каждый сам для себя решает что ему больше подходит или во что он больше верит.

Запретов нет, согласен. А рекомендация есть. Моя, например) Есть и рекомендации к противоположному мнению. Поэтому мы просто выссказываем аргументы за или против, а каждый сам для себя решает что ему больше подходит или во что он больше верит.

тут согласен :)

Леша, я с роутером сегодня только столкнулся- сделал vue init webpack . Во время установки выбрал установку с роутером. Все что сделал после установки - добавил еще один компонент и массив с описанием машрута. Оно должно не так работать?

С компонентом по-умолчанию, оно же работает?

еще актуально?

da

da

http://htmlbook.ru/html/input/pattern

Ты как с роутером без него работать собрался?

Начал искать сочетание router-viewпо проекту - нашелмного JS -т.е мне нужно его каким, то образом перегенировать?

Леша, я с роутером сегодня только столкнулся- сделал vue init webpack . Во время установки выбрал установку с роутером. Все что сделал после установки - добавил еще один компонент и массив с описанием машрута. Оно должно не так работать?

На первой же странице документации все описано https://router.vuejs.org/ru/guide/

спасибо

Не надо искать в папке node_modules

http://htmlbook.ru/html/input/pattern

был там, pattren работает только внутри <form> а мне нужно без <form> ¯\_(ツ)_/¯

Vue как то может наложить ограничение на ввод в <input> например чисел с разделителем точкой? или как это правильно делается?

уйти от v-model и работать с событиями на input'е, нужным тебе, напрямую (@input например и т.п.)

уйти от v-model и работать с событиями на input'е, нужным тебе, напрямую (@input например и т.п.)

а можно какой-нибудь пример/ссылку на документацию об этом? спасибо

так подключаю

а можно какой-нибудь пример/ссылку на документацию об этом? спасибо

https://codesandbox.io/s/n484y4m2yp ну вот такой простой пример

народ подскажите как понять на какие свойства и события можно разложить v-model? <v-list-group v-for="service in services" v-model="activeService" :key="service.serviceName" :prepend-icon="service.icon" no-action > я хочу более точнее упралять переменной activeService

@input

v-list-group - это vuetify компонет

v-list-group - это vuetify компонет

@input и :value

ок ща попробую

ребят юзал ктонить https://www.npmjs.com/package/d3-hierarchy#tree ?

Всем привет! Подскажите, можно как-то отследить изменения в span'е?

Всем привет! Подскажите, можно как-то отследить изменения в span'е?

jquery)

а кроме?

Всем привет! Подскажите, можно как-то отследить изменения в span'е?

$refs

а кроме?

watch

а кроме?

https://stackoverflow.com/a/34729027

а как через watch это можно сделать?

ссылку глянь

глянул только что, не мой вариант)

наверное, надо описать проблему)

наверное, надо описать проблему)

Проблемы в африке с едой и спидом

Проблемы в африке с едой и спидом

там еще и со спидом проблемы? вот не покушают, а потом в жопы долбятся)

там еще и со спидом проблемы? вот не покушают, а потом в жопы долбятся)

смотрю ты в теме

смотрю ты в теме

пересмотри)

в общем, есть скрипт, который подменяет значение внутри тега span. скрипт внешний, тянет за собой еще несколько скриптов. Нужно отловить значение, которое было вставлено в span этим скриптом. Сейчас сделал банально через computed, но данные обновляются не сразу после изменения

в общем, есть скрипт, который подменяет значение внутри тега span. скрипт внешний, тянет за собой еще несколько скриптов. Нужно отловить значение, которое было вставлено в span этим скриптом. Сейчас сделал банально через computed, но данные обновляются не сразу после изменения

$refs

спасибо, сейчас буду пробовать

вывожу один и тот же объект, а значения свойств разные. В чем может быть причина?

Значение изменилось после срабатывания console.log, например

И в первом случае умный Chrome выводит в консоль ссылку на объект, который динамический, а в остальных статическую строку.

Просто я в console.log’ах выводил именно в таком порядке

Можно отловить изменения в таком случае?

в общем, есть скрипт, который подменяет значение внутри тега span. скрипт внешний, тянет за собой еще несколько скриптов. Нужно отловить значение, которое было вставлено в span этим скриптом. Сейчас сделал банально через computed, но данные обновляются не сразу после изменения

какая поддержка браузеров нужна?

Особо не ограничен) на ie не ориентируюсь

MutationObserver

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

Теперь понял)

MutationObserver

like

MutationObserver

А как через него сделать?

@input и :value

такая деструктуризация сработала. спасибо

А давайте вы прочитаете его апишку и когда у вас не получится - будете спрашивать? :)

установить мутейшн обзервер на реф спана и ловить событие изменения

еееее стикер по теме чата

ахахах… в стикерах с говном, нет IE!!!

?

ахахахахаха

потому что IE top

ахахах… в стикерах с говном, нет IE!!!

?

Дайте три!!!

Ребят вопрос такой - как вы относитесь к системе реативности во Vue? на мой взгляд мутации и их отслеживание (кое-где, но не везде) достаточно неявная штука, я бы даже сказал антипатерн, по сравнение с реактовской системой отслеживания изменений по ссылкам.

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

Ребят вопрос такой - как вы относитесь к системе реативности во Vue? на мой взгляд мутации и их отслеживание (кое-где, но не везде) достаточно неявная штука, я бы даже сказал антипатерн, по сравнение с реактовской системой отслеживания изменений по ссылкам.

Вы скорее говорите о vuex)?