@vuejs_ru - страница 1238 - Telegram web archive

Vladislav

:D

ℝei

Vladislav

да на самом деле

Vladislav

ℝei

+

Vladislav

хочу на свифт

ℝei

heavycharged

вот мне не ясно, почему export const store = new vuex.Store({ не сработало.

heavycharged

это ж вроде валидная конструкция, в чем затык-то?

heavycharged

ладно, это лучше в чатике по JS спросить

Vladislav

вот мне не ясно, почему export const store = new vuex.Store({ не сработало.

как ты импортишь стор?

heavycharged

import store from "./store"

heavycharged

и пробовал {store}

heavycharged

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

ℝei

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

нет

ℝei

не обязательно

heavycharged

ну разница между store и {store} есть?

ℝei

да

heavycharged

а ну да, получается если я пишу просто без скобок

heavycharged

то это default export

heavycharged

из пакета

ℝei

то это default export

да

heavycharged

а подскажите ещё, есть ли какие-то примеры бложиков или небольших интернет-магазинов на vue, мне нужны сурцы на гитхабе чтобы смотреть как правильно по компонентам разносят, как эвент-bus юзают и прочее, в общем хочу по чуть-чуть курить как правильно.

heavycharged

только не сильно сложное, и чтобы не для первой версии.

Ant

а подскажите ещё, есть ли какие-то примеры бложиков или небольших интернет-магазинов на vue, мне нужны сурцы на гитхабе чтобы смотреть как правильно по компонентам разносят, как эвент-bus юзают и прочее, в общем хочу по чуть-чуть курить как правильно.

Посмотри в awesome-vue там есть много примеров, официальных и не очень

heavycharged

о, спасибо, там целый раздел Examples

Ant

о, спасибо, там целый раздел Examples

И еще, если планируешь использовать vuex то можно тут глянуть https://github.com/vuejs/vuex/tree/dev/examples

heavycharged

благодарю, буду разбираться по чуть-чуть

Mikhail

Чатик, взываю к помощи (оговорка, я сам не разработчик). Подскажите, когда делается проект с Nuxt для серверсайд рендеринга, как лучше сделать "личный кабинет", который весь динамичный. С наскоку напрашивается решение с двумя приложениями, одно для статики с nuxt и второе на vue, но это так себе решение. Есть возможность реализовать это в рамках nuxt, но чтоб часть приложения рендерилась на сервере, а часть на фронте :) или это так решается?

ℝei

А в чем проблема? все что пишешь в mounted () уже не выполнится на сервере, поэтому и можно работать с window, document, etc

Mikhail

минутку, найду в доке про это :)

Mikhail

проблема в динамических роутах. Но вроде как нашли куда копать :) "If, for any reason, you prefer not to use server side rendering or need static hosting for your applications, you can simply use SPA mode using nuxt --spa. In combination with the generate feature, it gives you a powerful SPA deployment mechanism without the need to use a Node.js runtime or any special server handling."

ℝei

Вот о чем и речь. чето какието загоны с эти нукстом вашим)) Ограничивает он.

Олег

Чатик, взываю к помощи (оговорка, я сам не разработчик). Подскажите, когда делается проект с Nuxt для серверсайд рендеринга, как лучше сделать "личный кабинет", который весь динамичный. С наскоку напрашивается решение с двумя приложениями, одно для статики с nuxt и второе на vue, но это так себе решение. Есть возможность реализовать это в рамках nuxt, но чтоб часть приложения рендерилась на сервере, а часть на фронте :) или это так решается?

можно по подробнее о своей задачи про ЛК? сам делаю большое приложение на Nuxt, проблем никаких не наблюдаю, особенно с серверным рендерингом

Kenan

qq

Danylo

Привет, ребят Есть вопрос Есть фильтр и набор этих фильтров (выбранных юзером) нужно хранить в url для того, что бы можно было поделиться ссылкой именно на этот отфильтрованный набор данных Пробую сохранять это всё в router query. хочу получить site.com?filter=foo Но проблемма в том, что при этом роутер понимает, что поменялся путь и перегружает мне страницу, хоть мы и остаемся на текущей странице. Как можно это решить? Может не в query ложить?

Serge

Привет, ребят Есть вопрос Есть фильтр и набор этих фильтров (выбранных юзером) нужно хранить в url для того, что бы можно было поделиться ссылкой именно на этот отфильтрованный набор данных Пробую сохранять это всё в router query. хочу получить site.com?filter=foo Но проблемма в том, что при этом роутер понимает, что поменялся путь и перегружает мне страницу, хоть мы и остаемся на текущей странице. Как можно это решить? Может не в query ложить?

Если ты имеешь ввиду, что страница перегружается при вводе url "руками" - то никак. Если кодом query ложится, то не должно перегружать

Alex

Жесть, в eslint-plugin-vue добавили новое правило vue/attributes-order - 876 ошибок :D

Serge

Жесть, в eslint-plugin-vue добавили новое правило vue/attributes-order - 876 ошибок :D

Страдай ))

Serge

Или в конфиге отруби

Alex

не, отключил просто пока fixable не вмержат) там уже болтается пр

Danylo

Если ты имеешь ввиду, что страница перегружается при вводе url "руками" - то никак. Если кодом query ложится, то не должно перегружать

ну я делаю router.push({ path: 'page', query: { plan: 'private' }})

Danylo

может можно как-то подругому его менять?

Rafael 🌵

Жесть, в eslint-plugin-vue добавили новое правило vue/attributes-order - 876 ошибок :D

Когда?

Alex

что когда

Alex

вот обновил до новой версии)

Rafael 🌵

Жесть, в eslint-plugin-vue добавили новое правило vue/attributes-order - 876 ошибок :D

Я думал, оно не работает вообще 💁‍♂

Rafael 🌵

У меня вроде в проекте стоит, но чет ошибок нет 🤔 или я просто не помню

Андрей

Жесть, в eslint-plugin-vue добавили новое правило vue/attributes-order - 876 ошибок :D

Что за правило?

Alex

да, у меня тоже долгое время типа не работал, пока не выключил eslint-plugin-html

Alex

Что за правило?

vue/attributes-order

Андрей

vue/attributes-order

Эээ, опять гуглить(

Alex

https://github.com/vuejs/eslint-plugin-vue/blob/33ce7aa3c0179ef57eaf783720b17ce4c6b67b00/docs/rules/attributes-order.md

Андрей

А, красиво. Ну все как обычно. Сначала варнинг, а потом потихоньку выпиливаете.

Alex

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

Alex

хотя может это ещё и косяк и его поправить бы

Alex

Народ, куда лучше определить api работы с бэкендом?

Андрей

Прекрасный вопрос. В библиотеку

Rafael 🌵

да, у меня тоже долгое время типа не работал, пока не выключил eslint-plugin-html

🤔

Alex

Прекрасный вопрос. В библиотеку

Ок, а потом её подключать везде где оно нужно?

Андрей

Ок, а потом её подключать везде где оно нужно?

Да

Alex

Да

Вопрос родился от разных вариантов которые я видел. Ктото в акшонс вукса определяет, ктото в прототип Vue, ктото как ты говоришь подключает просто везде где нужно

Олег

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

Alex

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

Наверн так и буду делать. А вот к примеру есть у меня экшн который вызыет функцию апи из либы, мне из этой либы удобнее всего будет промис возвращать?

Олег

прописы всегда удобно возвращать

Олег

точнее, желательно на них делать

Олег

если планируешь использовать async/await, то там никак без промисов не обойтись

Alex

А в экшонсе писать api.getUserCreds(id).then(creds => commit('changeCreds', creds))

Alex

Надо еще почитать как мою либу как плагин подключать к вуе, чтобы каждый раз не импортить её

Олег

очень просто export default { install(Vue, options) { if (!Vue.prototype.hasOwnProperty('$LOG')) { Vue.prototype.$LOG = function (...args) { console.log(...args) } } } };

Alex

Спасибо

Bohdan

А какой компонент есть для графиков?

Alex

Чотт туплю и не могу понятькак мне из роутера обратиться к геттеру стейта

Alex

Вопрос снят