Коллеги подскажите как по фен-шую делать какую-то часть state vuex доступной глобально в любом компоненте?

|
RemiZOffAlex 2022-07-01 13:48:32
Спросить бы: понимает ли человек что делает
Stqqk 2022-07-01 13:49:17
пытается, по крайней мере)
RemiZOffAlex 2022-07-01 13:50:05
Stqqk 2022-07-01 13:49:17
пытается, по крайней мере)

Видится как просто рандомная вставка кусков кода

malaria_groznaya 2022-07-01 13:50:08
malaria_groznaya 2022-07-01 13:28:40
Всем привет. Написал функцию, которая при выборе оценки должна показывать какую оценку я выбрал, но каждый раз выдает что я выбрал оценку пять. Подскажите в чем может быть ошибка

btns[i].addEventListener(«click», function() {
// для актив класса
var current = document.getElementsByClassName(«active»);
current[0].className = current[0].className.replace(» active», «»);
this.className = » active»;

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

shgkme 2022-07-01 13:57:46
htclog1981 2022-07-01 13:19:48
да, понимаю сборщик можно выбирать. у vue 3 vite по умолчанию

Не по умолчанию, а в рекомендациях скорее. Умолчания там нет, сам Vue не тащит сборщик, а то, какой будет использоваться, зависит от того, как создавать проект.

npm create vue создаёт обе версии на Vite. npx @vue/cli create создаёт обе версии на вебпаке

shgkme 2022-07-01 13:57:57
htclog1981 2022-07-01 13:20:27
ошибка

Какая ошибка будет, если сделать обычный импорт?

Arhaall 2022-07-01 14:13:57
htclog1981 2022-07-01 13:19:48
да, понимаю сборщик можно выбирать. у vue 3 vite по умолчанию

В самом деле? Не знал, спасибо.

HirniakAndrii 2022-07-01 14:14:00
Всем привет! Может кто подсказать, пожалуйста, почему у меня в консоле дата оновляется, а в темплейте нет? Есть идеи?
shgkme 2022-07-01 14:14:40
Arhaall 2022-07-01 14:13:57
В самом деле? Не знал, спасибо.

Его нельзя выбрать в каком-то «меню выбора», но можно брать любой инструмент. Это независимые вещи

RemiZOffAlex 2022-07-01 14:15:37
@Armyourt вакансии, резюме и обсуждение работы не связанной с Vue тут 👉 https://t.me/itjobs_ru
вакансии, резюме и обсуждение работы связанной с Vue тут 👉 https://t.me/vuejs_jobs

IT Jobs — работа/вакансии/резюмеTelegram
Публикация и обсуждение вакансий, резюме и работы в сфере IT

Нормы поведения: https://cutt.ly/QFPWXA
Основной канал @itjobs_ru_feed
Правила оформления: https://specialistoff.net/page/627

Arhaall 2022-07-01 14:15:43
shgkme 2022-07-01 13:57:46
Не по умолчанию, а в рекомендациях скорее. Умолчания там нет, сам Vue не тащит сборщик, а то, какой будет использоваться, зависит от того, как создавать проект.

npm create vue создаёт обе версии на Vite. npx @vue/cli create создаёт обе версии на вебпаке

То есть нужно установить Vue себе в систему и тогда «по-умолчанию», как выразился человек, будет Vite?

isakura4 2022-07-01 14:16:28
генератора лендингов с хорошим сео сейчас кроме gridsome и nuxt нет?
zhumanadilet 2022-07-01 14:16:46
HirniakAndrii 2022-07-01 14:14:00
Всем привет! Может кто подсказать, пожалуйста, почему у меня в консоле дата оновляется, а в темплейте нет? Есть идеи?

потому что ты вызывает функцию один раз и он тебе возвратил данные, а то что в сеттаймауте у тебя стоит он работает и меняет внутри функции переменную

zhumanadilet 2022-07-01 14:17:15
zhumanadilet 2022-07-01 14:16:46
потому что ты вызывает функцию один раз и он тебе возвратил данные, а то что в сеттаймауте у тебя стоит он работает и меняет внутри функции переменную

то есть у тебя данные не реактивные что бы у тебя рендирилась

shgkme 2022-07-01 14:17:27
Arhaall 2022-07-01 14:15:43
То есть нужно установить Vue себе в систему и тогда «по-умолчанию», как выразился человек, будет Vite?

Нет. Vue вообще нельзя «установить себе в систему».

Можно взять тот инструмент / сборщик, который нужен/нравится, и в нём работать.

Нужен Vite?
Тогда
npm create vite
или
npm create vue

нужен Vue CLI (Webpack)? Тогда
npx @vue/cli create .

Нужен другой сборщик? Берём сборщик и настраиваем)

Arhaall 2022-07-01 14:20:17
shgkme 2022-07-01 14:17:27
Нет. Vue вообще нельзя «установить себе в систему».

Можно взять тот инструмент / сборщик, который нужен/нравится, и в нём работать.

Нужен Vite?
Тогда
npm create vite
или
npm create vue

нужен Vue CLI (Webpack)? Тогда
npx @vue/cli create .

Нужен другой сборщик? Берём сборщик и настраиваем)

А разве Vue не нужно перед этим устанавливать (если это первый проект на данной ОС)? Или ноды уже достаточно?

shgkme 2022-07-01 14:20:44
Arhaall 2022-07-01 14:20:17
А разве Vue не нужно перед этим устанавливать (если это первый проект на данной ОС)? Или ноды уже достаточно?

Нет. Vue — это библиотека для веб-страничек. Как jquery. Она не нужна в ОС

Arhaall 2022-07-01 14:23:43
shgkme 2022-07-01 14:20:44
Нет. Vue — это библиотека для веб-страничек. Как jquery. Она не нужна в ОС

Фреймворк же вроде. Ну, насколько я успел узнать, при модельной системе же сначала ставят библиотеки в систему через install чего-то там, потом уже импортируют через import и пошло-поехало. Чего спросил — до этого как библиотеку и использовал, учился писать единым скриптом. Сейчас дошел до модульного подхода.

shgkme 2022-07-01 14:24:23
Arhaall 2022-07-01 14:23:43
Фреймворк же вроде. Ну, насколько я успел узнать, при модельной системе же сначала ставят библиотеки в систему через install чего-то там, потом уже импортируют через import и пошло-поехало. Чего спросил — до этого как библиотеку и использовал, учился писать единым скриптом. Сейчас дошел до модульного подхода.

npm install ставит не в «систему», а скачивает библиотечку в папку node_modules в проекте, где будет просто лежать подключаемый далее js файлик

Arhaall 2022-07-01 14:28:51
shgkme 2022-07-01 14:24:23
npm install ставит не в «систему», а скачивает библиотечку в папку node_modules в проекте, где будет просто лежать подключаемый далее js файлик

Теперь понял, спасибо.

Arhaall 2022-07-01 14:29:24
shgkme 2022-07-01 14:24:23
npm install ставит не в «систему», а скачивает библиотечку в папку node_modules в проекте, где будет просто лежать подключаемый далее js файлик

То есть эту команду нужно тоже выполнять из папки проекта. Я правильно понял?

shgkme 2022-07-01 14:29:36
Arhaall 2022-07-01 14:29:24
То есть эту команду нужно тоже выполнять из папки проекта. Я правильно понял?

Да

shgkme 2022-07-01 14:29:42
Проекта, где уже инициализирован npm пакет
Arhaall 2022-07-01 14:29:58
shgkme 2022-07-01 14:29:42
Проекта, где уже инициализирован npm пакет

А поздно уточнить что имеется ввиду?

andrewB2R 2022-07-01 14:30:41
Коллеги подскажите как по фен-шую делать какую-то часть state vuex доступной глобально в любом компоненте? (например признак что юзер авторизован)
shgkme 2022-07-01 14:31:33
Arhaall 2022-07-01 14:29:58
А поздно уточнить что имеется ввиду?

В проекте должен быть файлик package.json 🙂

isakura4 2022-07-01 14:31:36
andrewB2R 2022-07-01 14:30:41
Коллеги подскажите как по фен-шую делать какую-то часть state vuex доступной глобально в любом компоненте? (например признак что юзер авторизован)

оно же и так достпуна, если в глобальном компоненте заеган vuex

rtemBondarenko 2022-07-01 14:31:46
andrewB2R 2022-07-01 14:30:41
Коллеги подскажите как по фен-шую делать какую-то часть state vuex доступной глобально в любом компоненте? (например признак что юзер авторизован)

Импортить где надо из модуля user?

shgkme 2022-07-01 14:31:53
rtemBondarenko 2022-07-01 14:31:46
Импортить где надо из модуля user?

Импортировать можно сам стор

Arhaall 2022-07-01 14:32:43
shgkme 2022-07-01 14:31:33
В проекте должен быть файлик package.json 🙂

Теперь понял, спасибо. 🙂

andrewB2R 2022-07-01 14:33:16
rtemBondarenko 2022-07-01 14:31:46
Импортить где надо из модуля user?

ну ка кто так да, просто чтобы в каждом компоненте не писать уныло this.$store.state … а чтобы херак и везде было доступно по какому-то шорт-кату )

rtemBondarenko 2022-07-01 14:33:42
andrewB2R 2022-07-01 14:33:16
ну ка кто так да, просто чтобы в каждом компоненте не писать уныло this.$store.state … а чтобы херак и везде было доступно по какому-то шорт-кату )

mapState в помощь

andrewB2R 2022-07-01 14:34:02
rtemBondarenko 2022-07-01 14:33:42
mapState в помощь

да, но это в каждом компоненте делать, а мне вот например лень

shgkme 2022-07-01 14:34:17
andrewB2R 2022-07-01 14:33:16
ну ка кто так да, просто чтобы в каждом компоненте не писать уныло this.$store.state … а чтобы херак и везде было доступно по какому-то шорт-кату )

Чтобы было по шорт-кату, можно настроить IDE 🙂

shgkme 2022-07-01 14:34:29
А вот неявные решения всегда хуже, лучше явно обращаться
rtemBondarenko 2022-07-01 14:34:53
andrewB2R 2022-07-01 14:34:02
да, но это в каждом компоненте делать, а мне вот например лень

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

andrewB2R 2022-07-01 14:35:24
rtemBondarenko 2022-07-01 14:34:53
Другому разрабу потом искть 5 часов откуда взялся юзер тем более лень будет)

средней кнопкой мыши клинкнет пускай в по переменной Webstorm 😂

mercuryskies 2022-07-01 14:35:34
andrewB2R 2022-07-01 14:33:16
ну ка кто так да, просто чтобы в каждом компоненте не писать уныло this.$store.state … а чтобы херак и везде было доступно по какому-то шорт-кату )

можно прототипы сделать на геттеры / сеттеры, но это так себе варик

shgkme 2022-07-01 14:36:15
mercuryskies 2022-07-01 14:35:34
можно прототипы сделать на геттеры / сеттеры, но это так себе варик

миксин!

rtemBondarenko 2022-07-01 14:36:25
andrewB2R 2022-07-01 14:35:24
средней кнопкой мыши клинкнет пускай в по переменной Webstorm 😂

Разработка это про когнетивную нагрузку, а ваш вариант максимально ее увеличивает)

andrewB2R 2022-07-01 14:37:02
rtemBondarenko 2022-07-01 14:36:25
Разработка это про когнетивную нагрузку, а ваш вариант максимально ее увеличивает)

ну другому увеличит, а мне уменьшит 😀 но это в целом был чисто теоретический интерес

rtemBondarenko 2022-07-01 14:37:24
andrewB2R 2022-07-01 14:37:02
ну другому увеличит, а мне уменьшит 😀 но это в целом был чисто теоретический интерес

Не уменьшит)

shgkme 2022-07-01 14:37:49
andrewB2R 2022-07-01 14:37:02
ну другому увеличит, а мне уменьшит 😀 но это в целом был чисто теоретический интерес

теоретически это можно сделать глобальным миксином

rtemBondarenko 2022-07-01 14:37:51
Пишите код вы 1 раз, а читаете и переписываете постоянно)
andrewB2R 2022-07-01 14:38:27
shgkme 2022-07-01 14:37:49
теоретически это можно сделать глобальным миксином

спасибо, почитаю что такое )

mercuryskies 2022-07-01 14:38:51
vuejs_ru-1089310.jpg
у меня в одном супер-изи проекте, где почти всё в template вот так) но так нельзя 🚫
shgkme 2022-07-01 14:39:54
mercuryskies 2022-07-01 14:38:51
у меня в одном супер-изи проекте, где почти всё в template вот так) но так нельзя 🚫

Но… $set ведь в прототипе уже есть…

rtemBondarenko 2022-07-01 14:40:11
mercuryskies 2022-07-01 14:38:51
у меня в одном супер-изи проекте, где почти всё в template вот так) но так нельзя 🚫

Переписывать дефолтное поведение эт ужс

shgkme 2022-07-01 14:40:23
mercuryskies 2022-07-01 14:38:51
у меня в одном супер-изи проекте, где почти всё в template вот так) но так нельзя 🚫

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

andrewB2R 2022-07-01 14:40:27
mercuryskies 2022-07-01 14:38:51
у меня в одном супер-изи проекте, где почти всё в template вот так) но так нельзя 🚫

это в любом месте vue потом можно писать this.$get например? )

|