Size: a a a

Nuxt.js — русскоговорящее сообщество

2020 December 13

DS

Dmytro Svyrydenko in Nuxt.js — русскоговорящее сообщество
Андрей Назаров
собственно это тоже самое что через commit добавить в стор
Да, вот только не вижу причины иметь стор :) В этом и дело
Я не пристаю, просто хочу понять)
источник

DS

Dmytro Svyrydenko in Nuxt.js — русскоговорящее сообщество
По сути вот вся моя модалка
источник

АН

Андрей Назаров... in Nuxt.js — русскоговорящее сообщество
ну профит что не нужна глобальная шина)
источник

DS

Dmytro Svyrydenko in Nuxt.js — русскоговорящее сообщество
Нууу, иметь одну шину для всего, или кучу сторов для нотификаций/модалок/тултипов/бог-знает-чего-еще
Мне кажется одна шина и понятнее, и проще
источник

AE

Alexander Epifanov in Nuxt.js — русскоговорящее сообщество
Dmytro Svyrydenko
На самом деле не уверен что этот вариант лучше чем стандартаня шина + компонент модалки
Зачем для модалок создавать отдельный стор?
а можно ссылку про какую такую шину речь?
источник

АН

Андрей Назаров... in Nuxt.js — русскоговорящее сообщество
с точки зрения дебагинга глобальная шина вроде как плохо
источник

АН

Андрей Назаров... in Nuxt.js — русскоговорящее сообщество
а со стором все очень понятно
источник

DS

Dmytro Svyrydenko in Nuxt.js — русскоговорящее сообщество
Alexander Epifanov
а можно ссылку про какую такую шину речь?
Можно и без ссылок, вот типичный вариант шины
Можно оставить методы on и emit, остальное по желанию
источник

DS

Dmytro Svyrydenko in Nuxt.js — русскоговорящее сообщество
А дальше просто импорт и использование
источник

DS

Dmytro Svyrydenko in Nuxt.js — русскоговорящее сообщество
Андрей Назаров
с точки зрения дебагинга глобальная шина вроде как плохо
Глобальная шина дебажится с той же легкостью что и мутации в vue dev tools :)
В общем, мне кажется одно пальто, просто разные цвета
источник

AE

Alexander Epifanov in Nuxt.js — русскоговорящее сообщество
Dmytro Svyrydenko
Можно и без ссылок, вот типичный вариант шины
Можно оставить методы on и emit, остальное по желанию
я не гуру, а что мешает заинжектить такие вещи?
источник

DS

Dmytro Svyrydenko in Nuxt.js — русскоговорящее сообщество
Alexander Epifanov
я не гуру, а что мешает заинжектить такие вещи?
Куда? В прототип vue?
источник

AE

Alexander Epifanov in Nuxt.js — русскоговорящее сообщество
Dmytro Svyrydenko
Куда? В прототип vue?
ну,  не прям уж в vue.prototype,  у меня через плагин, добавлены некие функции.. например эта

export default ({ app, store }, inject) => {
 inject('getCookie', name => {
   let matches = document.cookie.match(new RegExp(
     "(?:^|; )" + name.replace(/([\.$?*|{}\(\)\[\]\\\/\+^])/g, '\\$1') + "=([^;]*)"
   ))
   try {
     return matches ? decodeURIComponent(matches[1]) : undefined
   }
   catch(e) {
     console.log('%cERROR [#0000-F2]' + e, 'background: #ffffff; color: #ff0000')
   }
 })
}
источник

AE

Alexander Epifanov in Nuxt.js — русскоговорящее сообщество
await this.$axios.setToken(this.$getCookie('token'), 'Bearer')
использование
источник

AE

Alexander Epifanov in Nuxt.js — русскоговорящее сообщество
данная не использует стор вообще
источник

П

Полосатый Енот... in Nuxt.js — русскоговорящее сообщество
Alexander Epifanov
Если путь /static/img/test.jpg, пишите просто  /img/test.jpg
cпасибо, это работает. Интересно только, почему с папкой assets не работает. В доках вроде рекомендуют в assets класть статические картинки. Может в вебпаке что-то надо настраивать?
источник

AE

Alexander Epifanov in Nuxt.js — русскоговорящее сообщество
Полосатый Енот
cпасибо, это работает. Интересно только, почему с папкой assets не работает. В доках вроде рекомендуют в assets класть статические картинки. Может в вебпаке что-то надо настраивать?
может быть, на некоторых проектах, работает только со статик, поэтому как то уже в днк зашло - ассетс для ксс, статик для контента, если разберетесь - буду рад, если поделитесь, возможно я дико ошибаюсь, но пока использую так
источник

AE

Alexander Epifanov in Nuxt.js — русскоговорящее сообщество
Полосатый Енот
cпасибо, это работает. Интересно только, почему с папкой assets не работает. В доках вроде рекомендуют в assets класть статические картинки. Может в вебпаке что-то надо настраивать?
даже добавлю, если взять голый nuxtjs проект через кли, работает у меня только со статик, от того наверное многие и отталкиваются, не знаю, более точного ответа
источник

П

Полосатый Енот... in Nuxt.js — русскоговорящее сообщество
Alexander Epifanov
даже добавлю, если взять голый nuxtjs проект через кли, работает у меня только со статик, от того наверное многие и отталкиваются, не знаю, более точного ответа
Ок, благодарю
источник

DS

Dmytro Svyrydenko in Nuxt.js — русскоговорящее сообщество
Alexander Epifanov
ну,  не прям уж в vue.prototype,  у меня через плагин, добавлены некие функции.. например эта

export default ({ app, store }, inject) => {
 inject('getCookie', name => {
   let matches = document.cookie.match(new RegExp(
     "(?:^|; )" + name.replace(/([\.$?*|{}\(\)\[\]\\\/\+^])/g, '\\$1') + "=([^;]*)"
   ))
   try {
     return matches ? decodeURIComponent(matches[1]) : undefined
   }
   catch(e) {
     console.log('%cERROR [#0000-F2]' + e, 'background: #ffffff; color: #ff0000')
   }
 })
}
Ну в nuxt мб и можно
Вот только все равно не вижу смысла
Все что можно никуда не встраивать я стараюсь не встраивать
Как минимум ради tree shaking
источник