А не лучше ли это хранить в мета информации для каждого роута, т.е. каким ролям этот роут достпен. и миделварь написать которая будет проверять роль перед тем как обработать маршрут?

Всем привет) А подскажите, пожалуйста про роутинг одну вещь: я хочу, чтобы некоторым пользователям (у которых меньше прав) не были доступны определённые маршруты. Поэтому, я хочу такие маршруты исключить из роутера. Я предполагаю, что надо будет после аутентификации сделать запрос типа /api/какие маршруты мне доступны. И если, скажем, доступен маршрут /users, то добавить в роутер этот маршрут. В каком формате лучше будет ожидать данные от сервера? Чтобы такое было удобнее сделать

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

Подскажите пжл такой момент. Могу ли первоначальные данные выводить на php, а потом блок, который пришел с сервера, завязать на vue, не прибегая к SSR

Подскажите пжл такой момент. Могу ли первоначальные данные выводить на php, а потом блок, который пришел с сервера, завязать на vue, не прибегая к SSR

Да

Да

как?

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

Я просто хочу менюшку сформировать, исходя из доступных роутов) А для этого надо всё заранее узнать

Да

в смысле, куда копать?

Window.Routes = json(data)

как?

Инлайнить данные в страницу, вставлять их в инлайн-шаблоны

в смысле, куда копать?

В доку :)

Допустим цикл php выводит какие то item. не сработает ли v-for, он же вначале пустой будет и надо будет потом парсить этот блок и рапихивать данные во vue, получается что он перерендовывать шаблон будет

В доку :)

а можно пример минимальный

Допустим цикл php выводит какие то item. не сработает ли v-for, он же вначале пустой будет и надо будет потом парсить этот блок и рапихивать данные во vue, получается что он перерендовывать шаблон будет

Если пхп циклом вывести айтемы - куда там v-for вставлять?

Если пхп циклом вывести айтемы - куда там v-for вставлять?

ну если у меня потом данные будеут обновляться и я хочу перерендировать шаблонб я же должен v-for вставить

Всем привет) А подскажите, пожалуйста про роутинг одну вещь: я хочу, чтобы некоторым пользователям (у которых меньше прав) не были доступны определённые маршруты. Поэтому, я хочу такие маршруты исключить из роутера. Я предполагаю, что надо будет после аутентификации сделать запрос типа /api/какие маршруты мне доступны. И если, скажем, доступен маршрут /users, то добавить в роутер этот маршрут. В каком формате лучше будет ожидать данные от сервера? Чтобы такое было удобнее сделать

https://stackoverflow.com/questions/48832181/dynamically-add-child-routes-in-vuejs

ну если у меня потом данные будеут обновляться и я хочу перерендировать шаблонб я же должен v-for вставить

Значит вставлять айтемы в виде js объекта и отдавать их на рендер vue

Если пхп циклом вывести айтемы - куда там v-for вставлять?

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

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

С v-for это не работает. Vue может присесть на шаблон с сервера, но не инициализировать стейт из шаблона.

Для этого нужен ssr

Для этого нужен ssr

ну то есть без ssr никак

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

Тут вообще может быть несколько подходов. Мы делали похожую штуку, но выбрали немного другой вариант - vue вообще не использует серверные шаблоны (кроме слотов), но vue компоненты имеют fallback (какой-то дефолтный html внутри себя), чтобы не юзать SSR. vue блоки просто встраиваются в верстку, как в обычном html, после рендера vue их обрабатывает и заменяет дефолтную верстку, где нужно

Тоже норм вариант

Я так вставляю лоэдеры в <div id="app"></div>

Нас недавно заставили перейти с разработки уютных SPA на разработку неуютного сайта, и при этом ограничением стояло то, что админы не одобрят ноду ни в каком виде на боевых серверах. Оказалось, vue и тут встраивается и работает очень удобно. :)

Нас недавно заставили перейти с разработки уютных SPA на разработку неуютного сайта, и при этом ограничением стояло то, что админы не одобрят ноду ни в каком виде на боевых серверах. Оказалось, vue и тут встраивается и работает очень удобно. :)

Создаете отдельные инстансы вью на нужные блоки?

не-а, инстанс один, решили, что так будет удобнее. (но посчитать по перфомансу и удобству особо времени не было) вешается на #app, а внутри обычная верстка и встречаются vue-блоки. Собирается как SPA вебпаком и т.п. внутрь vue-блоков можно положить при надобности какую-то дефолтную верстку, которую сможет съесть поисковик, который не переварит скрипты. Вообще Laravel с их шаблоном взяли за основу, там вроде похоже сделано

Понятно :)

Подскажите пжл такой момент. Могу ли первоначальные данные выводить на php, а потом блок, который пришел с сервера, завязать на vue, не прибегая к SSR

рендеришь шаблонизатором в тег script пачку переменных вроде var foo = '{{bar}}';

потом подсовываешь их вью

я такой костыль делал

ну там с вариациями - можешь вешать эти переменные глобально но вообще зло

доброго времени суток. для локальных сообщений vue18n внутри компонента нельзя что-ли использовать переменные из data или vuex'a?

Создаете отдельные инстансы вью на нужные блоки?

А мы именно так делаем на сайтах. Оч удобно, на самом деле. Была задача еще - позволить одному инстансу управлять частью DOM, который лежит вне инстанса (синхронизация корзины в шапке и корзины на странице "Корзина"). Помог Vue Portal. Мб кому пригодится.

А мы именно так делаем на сайтах. Оч удобно, на самом деле. Была задача еще - позволить одному инстансу управлять частью DOM, который лежит вне инстанса (синхронизация корзины в шапке и корзины на странице "Корзина"). Помог Vue Portal. Мб кому пригодится.

?

Видео с прошедшего митапа по Vue в Питере https://www.youtube.com/playlist?list=PLcXJ90eZ2bxgkggdlvwJvIRZzgK7s7PV_

Видео с прошедшего митапа по Vue в Питере https://www.youtube.com/playlist?list=PLcXJ90eZ2bxgkggdlvwJvIRZzgK7s7PV_

?

смотрел уже?

смотрел уже?

Неа

Так же, как и в обычном css. В чем проблема?

пишу компилятор ошибки выдает

#{$var} - вот так надо

You are using the runtime-only build of Vue where the template compiler is not available. При подключении vue.runtime.js. Использую вебпак. Разве он не должен компилировать шаблоны?

You are using the runtime-only build of Vue where the template compiler is not available. При подключении vue.runtime.js. Использую вебпак. Разве он не должен компилировать шаблоны?

Написано же, рантайм-онли

Написано же, рантайм-онли

Ой, тупанул, спасибо)

Почему nuxt-link не добавляет ID

Вам же нужно /apartments/id/1

А не /apartments?id=1

name точно apartments для одной страницы?

Попробуй apartments-id

Попробуй apartments-id

да, спасибо

Эгегей, граждане Кто тут из Россиюшки? Поясните по хардкору за хостинг А то у меня умора: запилил тетке сайт-визитку на Vue и выложил на Firebase. Тут она давай вопить, что не открывается. Я со своей Украины открываю, а она с РФ - нет. Думаю, что РКН опять старается. Выложил на DigitalOcean, а сегодня на Дваче читаю, что РКН и его заблочил нахер из-за телеги. Так вот вопрос: есть в РФ какой-то хостинг статики или дешевый VPS, куда можно будет простенький сервачок на Ноде захостить?

зачем тебе рф

хости на hetzner cloud

Эгегей, граждане Кто тут из Россиюшки? Поясните по хардкору за хостинг А то у меня умора: запилил тетке сайт-визитку на Vue и выложил на Firebase. Тут она давай вопить, что не открывается. Я со своей Украины открываю, а она с РФ - нет. Думаю, что РКН опять старается. Выложил на DigitalOcean, а сегодня на Дваче читаю, что РКН и его заблочил нахер из-за телеги. Так вот вопрос: есть в РФ какой-то хостинг статики или дешевый VPS, куда можно будет простенький сервачок на Ноде захостить?

хероку)))

https://vscale.io/ru/pricing.html

зачем тебе рф

Так сайт таргетирован на РФ процентов на 90

ну 70 мс до хоста будет

https://vscale.io/ru/pricing.html

Спасибо. Сам пробовал? Как со стабильностью?

А то раша хостинг любит делать профилактику и все вырубать нафиг?

ERROR: S client not available

Да, тестировал. Там честный ссд

Большинство хостеров за эти деньги дичь какую нибудь дают с 20мб/с на запись, но в рекламе уверяют что там якобы ссд

У меня sky host

Скайхост говно кстати)

Вроде как-то так. 700 рублей в год. 512 оперы, 1 ядро

Чисто погремушки всякие тестить

Вообще из дешёвых vps на Ssd порадовали только vscale и vultr

Привет всем есть вопрос по optional wrapping Ситуация такая есть компонент UserInfo в сторе модуль user со своими геттерами мутациям действиями в mounted вызываю this.fetchUserData() в темплейте <img :src="user.avatar.normal"> и как всегда он ругается что нет такого значения но отображает пикчу, чтобы избавиться от ошибки приходиться делать v-if="user && user.avatar" как вы справляетесь в такой ситуации ?

делаю SPA админку в SSR нет необходимости

Hi guys Въезжаю в Vue Посоветуйте аналог Formik для реакта на Vue

бывает что приходится делать a && a.b && a.b.c && a.b.c.d потому что может придти объект с кучей под объектов

бывает что приходится делать a && a.b && a.b.c && a.b.c.d потому что может придти объект с кучей под объектов

Или нормализация данных или lodash.get

Или нормализация данных или lodash.get

Спасибо но что вы имеете ввиду под нормализацией данных ? Со стороны бэка?

Можно на клиенте, можно на бэке - приведение к максимально плоскому виду

Избавляясь от вложенности в итоге

Эгегей, граждане Кто тут из Россиюшки? Поясните по хардкору за хостинг А то у меня умора: запилил тетке сайт-визитку на Vue и выложил на Firebase. Тут она давай вопить, что не открывается. Я со своей Украины открываю, а она с РФ - нет. Думаю, что РКН опять старается. Выложил на DigitalOcean, а сегодня на Дваче читаю, что РКН и его заблочил нахер из-за телеги. Так вот вопрос: есть в РФ какой-то хостинг статики или дешевый VPS, куда можно будет простенький сервачок на Ноде захостить?

GitHub pages?

Hi guys Въезжаю в Vue Посоветуйте аналог Formik для реакта на Vue

В вью не нужен.

Если нужна большая валидация, юзай vuelidate

Привет всем есть вопрос по optional wrapping Ситуация такая есть компонент UserInfo в сторе модуль user со своими геттерами мутациям действиями в mounted вызываю this.fetchUserData() в темплейте <img :src="user.avatar.normal"> и как всегда он ругается что нет такого значения но отображает пикчу, чтобы избавиться от ошибки приходиться делать v-if="user && user.avatar" как вы справляетесь в такой ситуации ?

Можно метод get из lodash заюзать

GitHub pages?

С привязкой домена будут проблемы ALIAS большинством рос. доменных хостеров не поддержтвается

Есть вопрос по роутеру. Как почистить query строку после того как переход завершился?

для чего ее чистить?

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

не нужно показывать query?

Да, я чет затупил немного. Через replace сделаю, все равно компонент не обновится

Да, я чет затупил немного. Через replace сделаю, все равно компонент не обновится

так а зачем чистить роут

переход откуда и куда идет?

Кейс такой, есть страница, на нее можно перейти просто по ссылке "/foo" а можно по ссылке "/foo?modal=true" и тогда при переходе автоматом модалка выскакивает. Только если мы снова по ссылке перейдем, модалка уже не откроется, роут то не изменился. А надо чтобы при повторном переходе все равно открывалось

как зареплейсить текущий стейт в стору + часть из ишиниал стейта

store.replaceState({ ...store.state, ...pick(getInitialState(), ['data', 'fetching']), ...{ route: store.state.route } });

стойкое ощущение что теряется реактивность на моменте ...store.state,