vuex достаточно сложен.. я его сути досих пор непонимаю, зачем столько лишнего кода, мутации, экшены, что там еще)))

он на самом деле очень удобен

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

на такой случай должна быть кнопка сброса

он на самом деле очень удобен

я понимаю, раз он есть) просто я еще не дошел до этого понимания)

Ребят, здаров! Сел изучать vue и не могу понять как "вытащить" innerHTML у дом элемента. В этом плане у vue все как в нативном js или есть какая-то особенность?

я понимаю, раз он есть) просто я еще не дошел до этого понимания)

я сложную форму делал без него и с ним. Реально удобно.

vuex достаточно сложен.. я его сути досих пор непонимаю, зачем столько лишнего кода, мутации, экшены, что там еще)))

это нужно, чтобы не было неконтролируемого поведения сегодня у вас 1 компонент, который меняет значение зума, через месяц таких компонентов может быть несколько, и может получиться ситуация, что что-то меняет значение, а что именно меняет — непонятно; вот для того, чтобы избежать подобного неконтролируемого поведения и были введены все те понятия

я туда CRUD для апи запихнул

Ребят, здаров! Сел изучать vue и не могу понять как "вытащить" innerHTML у дом элемента. В этом плане у vue все как в нативном js или есть какая-то особенность?

https://vuejs.org/v2/guide/components-edge-cases.html#Accessing-Child-Component-Instances-amp-Child-Elements

ладно всем спасибо) я разобрался с важным моментом)

https://vuejs.org/v2/guide/components-edge-cases.html#Accessing-Child-Component-Instances-amp-Child-Elements

Спасибо)

Спасибо)

Изучай JS

Читай книжки, разберись с Алгоритомом

И напиши свой первый слайдер

И напиши свой первый слайдер

Написал уже)

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

Оставлю это здесь

а есть фулл?

Доброе утро. У меня есть два события: прикрепление акции и прикрепление товара. Оба отправляют один и тот же ajax запрос - на обновление данных. У меня есть кей спри котором, если я прикрепляю товар, я прикрепляю и акцию тоже. Получается 2 запроса. И это плохо. Вижу решение толкьо выполять запрос с задержкой. Подохреваю что есть более изящное решение.

Можете подсказать, если кто решал такую проблему?

а есть фулл?

https://flaviocopes.com/vue-developer-roadmap/

Доброе утро. У меня есть два события: прикрепление акции и прикрепление товара. Оба отправляют один и тот же ajax запрос - на обновление данных. У меня есть кей спри котором, если я прикрепляю товар, я прикрепляю и акцию тоже. Получается 2 запроса. И это плохо. Вижу решение толкьо выполять запрос с задержкой. Подохреваю что есть более изящное решение.

Ты можешь блокировать форму или кнопку ( что там у тебя) на время запроса. Опционально вешать какой то лоадер на то время, пока запрос не вернул какой то результат

Ну 2 запроса всеравно же плохо. Как сделать, чтобы событие вызывалось только один раз за действие?

Тем более что я data обновляю на основе ответа ajax

А в чем именно там проблема, почему запроса 2? Если юзер обновил и то, и другое, ты можешь отправить запрос с двумя изменениями ( зависит, конечно, от того, как на сервере обрабатывается и от UX формы )

здравствуйте как вызвать тут @click? https://codeshare.io/5Rym33

export const state = () => ({ list: {} }); export const getters = { products: state => state.list }; export const mutations = { ADD_PRODUCT: (state, payload) => { state.list[payload.id] = payload.data; }, DELETE_PRODUCT: (state, id) => { delete state.list[id] } }; слежу за изменениями в мутациях все норм но геттерс не видит ничего

Добрый день. А есть подобрый чат для React Native'а? Возник вопрос по React Native + React Navigation + Redux

Добрый день. А есть подобрый чат для React Native'а? Возник вопрос по React Native + React Navigation + Redux

@reactnative_ru

здравствуйте как вызвать тут @click? https://codeshare.io/5Rym33

что за компонент b-btn? есть ли у него click событие? если да: <b-btn v-b-modal.modallg variant="success" @click="doSomething">Add New</b-btn>

что за компонент b-btn? есть ли у него click событие? если да: <b-btn v-b-modal.modallg variant="success" @click="doSomething">Add New</b-btn>

при клике на b-btn открывается модальное окно

при клике на b-btn открывается модальное окно

на что тогда хочешь вызвать @click event?

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

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

спасибо

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

спасибо

<b-modal id="modallg" size="lg" title="Add new table" @ok="handleOk" @cancel="handleCancel"> попробуй. почитай и документацию https://bootstrap-vue.js.org/docs/components/modal/

вы используете компоненты?

<b-modal id="modallg" size="lg" title="Add new table" @ok="handleOk" @cancel="handleCancel"> попробуй. почитай и документацию https://bootstrap-vue.js.org/docs/components/modal/

спасибо большое заработало

вы используете компоненты?

да

да

тогда не знаю такая фигня была когда vue прописывал в js

Ты просто подключил Вью к сайту?

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

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

Ты просто подключил Вью к сайту?

что значит просто

есть кусок написан на вью

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

когда операция не дорогостоящая

что значит просто

То и значит. Как jQuery? Если ты используешь vue-cli, и все собираешь в бандл, то такого не будет

То и значит. Как jQuery? Если ты используешь vue-cli, и все собираешь в бандл, то такого не будет

подключаю

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

Я ведь могу computed использовать как метод, а внутри него использовать к примеру 3 data свойства

Без аргументов извне

И это норм?

Если у меня 1 data зависит от 2 других и я их использую в computed для вычислений?

И это норм?

конечно, смысл computed в том, чтобы обработать данные, вернуть результат без каких-либо сайд эффектов (например, обновлении свойства из data)

+ кеширование

А где можно глянуть на такой пример?

Вот родитель: https://github.com/vuetifyjs/vuetify/blob/dev/src/components/VRadioGroup/VRadioGroup.js#L30 Вот ребенок: https://github.com/vuetifyjs/vuetify/blob/dev/src/components/VRadioGroup/VRadio.js#L26 Тут сам миксин https://github.com/vuetifyjs/vuetify/blob/dev/src/mixins/registrable.ts#L16

Если у меня 1 data зависит от 2 других и я их использую в computed для вычислений?

а что в этом не так-то, по-вашему?

а что в этом не так-то, по-вашему?

Я подумал что норм это к примеру return this.data.reverse(); но не const someData = this.data;

return this.data.includes(this.someAnotherData);

К примеру я думал что такое не норм в computed

Я подумал что норм это к примеру return this.data.reverse(); но не const someData = this.data;

стоп, подожди, что за this.data.reverse()? Если это computed, то this.reverse

стоп, подожди, что за this.data.reverse()? Если это computed, то this.reverse

Кароч, я понял следующее: Если у меня нету аргументов извне, то в любом случае можно использовать computed для любых вычислений

Кароч, я понял следующее: Если у меня нету аргументов извне, то в любом случае можно использовать computed для любых вычислений

+ чтоб computed не влиял на состояние компонента любым способом, только возвращал какой-то результат

+ чтоб computed не влиял на состояние компонента любым способом, только возвращал какой-то результат

А как он может влиять на состояние компонента?

ERROR: S client not available

Я же не буду менять data,

Я же не буду менять data,

а кто-то может додуматься до этого)) я за это и говорил. или кинуть event

http://vuetips.com/v-cloak-directive-hides-html-on-startup

http://vuetips.com/v-cloak-directive-hides-html-on-startup

спс, но я уже сам нашел

спс, но я уже сам нашел

Малорик!

Пацаны, че может возникать такая ошибка?

Я использую .sync

Ты сам то ошибку прочитал?

ну да

ну да

переведи мне

переведи мне

ну?

или хотя бы как лучше загуглить этот вопрос

vuepress

vuepress

Благодарю))

https://adamwathan.me/advanced-vue-component-design/ мб это, сам хз, но загуглил просто

спасибо!

Доброго всем здравия! Разрабатываю приложение на electonjs. Планирую использовать модули vuex совместно с бд и сетевым клиентом. Чтоб при попытке взять элемент сперва искало в кеше, потом в базе и наконец лезло на сервер. Раскритикуйте подход )

подскажите, кто-то юзает vue + docker? хочу настроить это дело, чтобы при dev билде, создавался контейнер, nginx проксировал все запросы на ноду с vue (development). вопрос вот в чем: умеет ли нода и вебпак в контейнере следить за изменениями файлов и собирать билд заново?

и вопрос про live reload, я так понимаю он работать не будет?

подскажите, кто-то юзает vue + docker? хочу настроить это дело, чтобы при dev билде, создавался контейнер, nginx проксировал все запросы на ноду с vue (development). вопрос вот в чем: умеет ли нода и вебпак в контейнере следить за изменениями файлов и собирать билд заново?

я не очень понимаю, как и зачем всё это нужно, причем тут vue и docker, но вебпак в контейнере следить умеет

и вопрос про live reload, я так понимаю он работать не будет?

будет 100%

Ориджинал плз

а есть фулл?

https://flaviocopes.com/vue-developer-roadmap/

Ориджинал плз

бери

state.list[payload.id] = payload.data так легально мутировать объект list: {} во vuex?

Предостережения Из-за ограничений JavaScript, Vue не способен заметить следующие изменения в массиве: Прямую установку элемента по индексу, например: vm.items[indexOfItem] = newValue Явное изменение длины массива, например: vm.items.length = newLength

state.list[payload.id] = payload.data так легально мутировать объект list: {} во vuex?

в доке написано же. используй splice state.list.splice(payload.id, 1, payload.data)

а, подожди.. list объект?

а, подожди.. list объект?

объект

list - это же массив из названия ^^