Спасибо, у меня он вроде даже подключен, ибо я юзаю vue init vuetifyjs/nuxt mysoft и в наксте судя по содержимому проекта я так понимаю есть вьюкс, только надо понять еще как его юзать =)

Доки по нуксту читал?

Там всё просто

Я начал про нее читать, но общий уровень знаний программирования и ЖС в целом, а также vue и vuetyfy в часности крайне этому не способствует )))

Доки по нуксту читал?

не все, но общий принцип понятен, хотя я его возможности на 90% не использую пока

Я начал про нее читать, но общий уровень знаний программирования и ЖС в целом, а также vue и vuetyfy в часности крайне этому не способствует )))

Дороги

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

подскажите реализацию) как сделать так чтобы по определенному значению поля выводился нужный мне компонент. Грубо говоря от разного ID должен вставлять разный шаблон вывода инфы)

у меня так <component v-for="element in parts" :key="element.id" :is="getRowComponent(element.contentType)" class="row-area__row" :gamePart="element"> </component>

важное это component и :is="getRowComponent(element.contentType)"

Лучше запилить компутед

А не метод

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

А зачем передавать?

Всё так же как в методе, только вместо передаваемого параметра используешь this.element.contentType

у меня список

Покажи код метода

<component v-for="element in parts"

getRowComponent: function (contentType: string): string { if (contentType === "chgk") return "PointList"; if (contentType === "matrix") return "MatrixList"

Ай, да)))

Я чот не заметил v-for

Тогда да, верно

👍

у меня другой вопрос

че то вы протороторили и я не понял)

Как реализовать оптимистичный сценарий ввода? Скажем, на странице есть переключатель, по его нажатию, нужно выполнить действие на сервере. Переключатель прибинден к каким-то данным в вуекс.

че то вы протороторили и я не понял)

используй component

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

че то вы протороторили и я не понял)

Пишешь <component is="componentName"/>

И рендерится componentName

Можно привязать динамическое значение

componentName откуда подхватывается?) путь к файлу или как?

У меня это строка

У меня это строка

Путь?

Но ты можешь забиндить любое строковое значение

componentName откуда подхватывается?) путь к файлу или как?

просто строка. Компонент из строки должен быть зарегистрирован https://ru.vuejs.org/v2/api/#component

Значение пропса, поля в data, компутеда или результат вызова метода

Как реализовать оптимистичный сценарий ввода? Скажем, на странице есть переключатель, по его нажатию, нужно выполнить действие на сервере. Переключатель прибинден к каким-то данным в вуекс.

Ну звать апи в экшене?

всё таки про оптимистичный ввод. У меня есть переключатель, я по нему тыкаю, в вуекс вызывается экшен, этот экшен вызывает коммит свойства (иначе переключатель не переключится) и вызывает апи сервера. далее 2 пути: если всё хорошо, то я просто обновляю ответом сервера свой стор. если всё плохо, я откатываю тогл назад.

Типа того

Мы недавно тут обсуждали как лайк запилить

А смотри.. допустим у меня есть 2 компонента.. список новостей и сама новость.. новость можно лайкнуть. Новость тоже может стейт поменять?

Читай отсюда

Только, как видишь, после наших советов чел удалил аккаунт

вопрос в том, как сделать накат и откат свойств для сценария "всё плохо", чтобы каждый раз не писать однотипный код. Например: переключателей 3 штуки, обновляются они все одним и тем же методом апи, но с фронта я должен вызывать апи сервера при нажатии нажатии на любой из них. Хочется написать что-то лаконичное, а не под каждый случай уникальный код пилить. Тем более, что это уже полноценный подход к оптимистичному обновлению и так будет много где.

сейчас прочитаю

Так что осторожнее

Как проверить, на чьей стороне идет рендеринг приложения? Нужно узнать, есть ли SSR или нет

Прочитал, в общем то простая идея 1. Снимаем 2 копии изменяемого объекта {...} 2. Одно копию меняем и коммитим её 3. Вторую копию используем, чтобы откатить изменения в случае фейла Если так делать, тогда можно написать только одну функцию для трёх переключателей, которая будет принимать функцию (которая указывает как поменять) и делать всю основную работу.

а вот ещё вопрос: как правильно с объекта стора снять копию, чтобы я мог её изменять и от этого никаких побочных реактивных эффектов не случалось?

Как проверить, на чьей стороне идет рендеринг приложения? Нужно узнать, есть ли SSR или нет

process.server

а вот ещё вопрос: как правильно с объекта стора снять копию, чтобы я мог её изменять и от этого никаких побочных реактивных эффектов не случалось?

Если объект одноуровневый то const copy = {...state.obj}

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

Da

ок, спасибо

сделал тест, всё так и есть

👍

process.server

И что он покажет?

Сервер это или нет

Тебе надо в задетектить в процессе, или после рендера?

Не важно, хоть как. process.server это undefined

Надо поковырять vue ssr renderer

Ну а по внешним признакам можно как-то отличить?

Да не

Он рендерит абсолютно такой же код

А зачем?

Просто захотелось узнать, не более

Ну если нукст юзаешь то там просто

this.$isServer

Как проверить, на чьей стороне идет рендеринг приложения? Нужно узнать, есть ли SSR или нет

https://vuejs.org/v2/api/#vm-isServer

Блин

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

https://vuejs.org/v2/api/#vm-isServer

Спасибо

исчоп

Добрый вечер коллеги! Кто пользуется vue.js? Подскажите по хранению данных: докумментация показывает несколько моделей реализации, но в целом для управлени тесно связанными компонентами рекомендуется использовать flux-подобный vuex для организации хранения состояний: где есть состояния, мутации - изменение состояний, действия и геттеры. И всё бы хорошо, да это сводит на нет все приемущества реактивности: теперь не получится просто использовать v-model, приходится определять сеттеры, геттеры, а как поступать с вложенными объектами - вообще не понятно, когда я получаю список объектов, но должен установить новое значение для его экземпляров, подскажите кто как организует хранение данных во Vue, очень интересен практический опыт