https://cli.vuejs.org/guide/mode-and-env.html#modes

вызывать переменные потом длинно как-то process.env....

Добрый день. Пытаюсь работать с https://vuetifyjs.com. Вопрос про импортирование компонентов. В примерах компоненты импортированы в main.js. примерно как тут: https://pastebin.com/tMaBvbrb Для вьюх мне нужно импортнуть другие компоненты из этой библиотеки. Продолжить добавлять их тамже в main.js, или потихоньку добавлять в вьюхах в которых они понадобились? Интересуют "Best practice". Или это вообще не важно? Не превратится ли мой main.js в месиво компонентов в дальнейшем?

Добрый день. Пытаюсь работать с https://vuetifyjs.com. Вопрос про импортирование компонентов. В примерах компоненты импортированы в main.js. примерно как тут: https://pastebin.com/tMaBvbrb Для вьюх мне нужно импортнуть другие компоненты из этой библиотеки. Продолжить добавлять их тамже в main.js, или потихоньку добавлять в вьюхах в которых они понадобились? Интересуют "Best practice". Или это вообще не важно? Не превратится ли мой main.js в месиво компонентов в дальнейшем?

В main js Не превратиться, main.js тоже можно разбить на файлы

* main import './vuetify-components.js' * vuetify-components.js Vue.use(Vu... // как он там сетапится

Спасибо

Всем привет! Как организавать такой кейс? Есть карта офиса, PNG. Надо обрабатывать нажатие на определенные части, аля стол в офисе.

Всем привет! Как организавать такой кейс? Есть карта офиса, PNG. Надо обрабатывать нажатие на определенные части, аля стол в офисе.

https://www.w3schools.com/tags/tag_area.asp ?

@ffsinit Огонь, спасибо.

Обижает меня скудная дока по TS в Vue :(

Обижает меня скудная дока по TS в Vue :(

угу, есть такое дело

не понял плюшек от vue-class-component кто-нибудь может пояснить?

Почему мне не использовать Vue.extend? Какие профиты от API классов?

не понял плюшек от vue-class-component кто-нибудь может пояснить?

Это же декоратор

Какое преимущество пага перед хтмл?

Ребята, подскажите, а в vue-cli есть конфиг для простого бандлинга? Без рендера, девсервера и прочего?

Ну или где лежит список доступных конфигов для него.

Ты локально заменяешь ссылку на объект state, которая передается в мутацию.

Просто мутируй стейт. Во Vuex не нужно новый возвращать

Просто мутируй стейт. Во Vuex не нужно новый возвращать

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

Ты локально заменяешь ссылку на объект state, которая передается в мутацию.

С этим разобрался, но почему тогда работает с Object asign, разве спред это не сахар ?

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

Запиши в несколько полей/сделай несколько мутаций/сделай в стейте поле с объектом с нужными полями

Запиши в несколько полей/сделай несколько мутаций/сделай в стейте поле с объектом с нужными полями

Понял, то есть самый простой способ хранить не несколько полей, а просто 1 поле и там объект

С этим разобрался, но почему тогда работает с Object asign, разве спред это не сахар ?

Нет, спред разбивает объект, при этом ссылка теряется

Нет, спред разбивает объект, при этом ссылка теряется

Понял, спасибо

Понял, то есть самый простой способ хранить не несколько полей, а просто 1 поле и там объект

да, для форм это будет самое простое универсальное решение. Мутация будет обновлять всю форму через ассигн или мердж

да, для форм это будет самое простое универсальное решение. Мутация будет обновлять всю форму через ассигн или мердж

А если мы разбиваем vuex на модули, то там не очень хочется хранить все в 1 объекты, хочется сделать просто ключи с значениями, то тогда только object.assign ?

А если мы разбиваем vuex на модули, то там не очень хочется хранить все в 1 объекты, хочется сделать просто ключи с значениями, то тогда только object.assign ?

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

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

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

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

Не вижу такой же ситуации, по-моему все по-разному. Ты уже пробовал в модули?

Не вижу такой же ситуации, по-моему все по-разному. Ты уже пробовал в модули?

Прямо сейчас буду. Возможно это только в моей голове ?

Подскажите, если я хочу сделать 1 action и чтобы все необходимые модули произвели мутацию, то как правильно это сделать ? P/S В редаксе просто проверял во всех редьюсерах необходимый action.type

Ты в редьюсере не action проверяешь

Ты в редьюсере не action проверяешь

сори, тайп

А тип изменения который обычно строка константа

Реакт не реакт

Это все одна херня

Назови как хочешь - имя мутации или имя экшена

А теперь достаточно немного напрячь логику что б придумать варианты как 1 действие влияет на несколько объектов

А теперь достаточно немного напрячь логику что б придумать варианты как 1 действие влияет на несколько объектов

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

Или 1 мутация для нескольких модулей

Или вызывай для каждого модуля свою мутацию

Или 1 мутация для нескольких модулей

Это костыль

Кто тебе такое сказал

Это всего лишь 2 разных подхода

Надо придерживаться решений когда лучше всего списываются в текущую архитектуру

А не потому что в интернете сказали

Это всего лишь 2 разных подхода

Я видимо не понимаю, как правильно организовать 1 мутацию для нескольких модулей. Как это должно выглядеть ?

Так же как и в редаксе

Создаёшь константу и испортишь в модули

И эту же константу для действия используешь

Создаёшь константу и испортишь в модули

Понял, спасибо

Обижает меня скудная дока по TS в Vue :(

А что необходимо? Все что нужно есть в сурсах

привет. кто знает решение?! v-for [01: 'bla bla', 02: 'blabla'... 10: 'blabla', 11: 'blabla']. Выводит сначало от 10, 11 и т.д. а в конце лишь 01, 02 и т.д

привет. кто знает решение?! v-for [01: 'bla bla', 02: 'blabla'... 10: 'blabla', 11: 'blabla']. Выводит сначало от 10, 11 и т.д. а в конце лишь 01, 02 и т.д

может у тебя обьект?

эм, ну да

эм, ну да

показывай код)\

а что именно?!

ERROR: S client not available

просто объект

<select v-model="modelTo" class="form-control"> <option v-for="(value, index) in values" :key="index" :value="index">{{value}} - {{index}}</option> </select>

и вот вывожу опшены

ничего особенного))

а что именно?!

сам обьект, потому что если ключи идут интами object[1] - то они будут идти по порядку, а если стрингами указывать object['1'] - то будут сохранять изначальную последовательность

https://monosnap.com/file/4Beik2eA8G4KzwcgDuE1ULmDiaeECw

объект приходит по API

там вроде всё норм

Преобразуй в массив и сделай сортировку

ключи должны сохраняться, так как они отправляются потом на сервак

там они разные

https://monosnap.com/file/4Beik2eA8G4KzwcgDuE1ULmDiaeECw

a - то что с апи b - следующий массив Object.keys(a).forEach((key) => {b[parseInt(key,10)] = a[key]})

а

объект приходит по API

Браузерами не гарантируется порядок итерирования по свойствам объектов

нужен порядок — делайте массив

Привет! Кто пользуется vuetify? Обновил его в проекте до последдней версии и теперь возникает ошибка с <v-tabs-content> На что его в новой версии заменили?

Можно глянуть чендж лог на гитхабе, они обычно всё пишут там

подскажите как вызвать метод из дочернего компонента?

подскажите как вызвать метод из дочернего компонента?

Родительский компонент ничего не должен знать о методах дочернего компонента. Для чего тебе child.method?

Ребят добрый день) я вчера тут задавал вопрос по camelCase атрибутам в html SFC шаблона. У меня vue-cli 3.0 сборщик стоит, так там линтер ругается, когда я атрибуты camelCase пишу. к примеру мне для svg нужно писать атрибут viewBox, именно camelCase нотацией, но линтер ругается. Мне вчера посоветовали делать так: <svg :view-box.camel="viewBox"></svg> и все работает ок. Но сегодня в доках я увидел: "В использовании .camel нет необходимости, если вы пользуетесь строковыми шаблонами или vue-loader/vueify" Вот тут https://ru.vuejs.org/v2/api/#v-bind, ниже после примера это написано. Ну если я использую сборщик, то по идее vue-loader должен обрабатывать такие атрибуты? почему тогда линтер ругается?

Можешь просто выключить это правило для файла, строки или вообще

Или поменять на ворнинг

Или поменять на ворнинг

ну так почему он так себя ведет, если vue-laoder в сборщике используется?

и кстати ребят, вроде это ошибка со сборщиком. 2 дня назад вышел релиз 3.0, я сейчас переустановил его, создал новый проект, проверил, и там не выбрасывает сообщение об ошибке линтером

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

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

все можно, ты главное делай)

все можно, ты главное делай)

а как не подскажешь?

а как не подскажешь?

неа)

почему?