Имплементируй себе asyncData

Имплементируй себе asyncData

ты вообще читал че я кинул? все уже сделано до тебя)

Ну дак это в ssr а не просто в роутере

это все вместе лол

Ну дак это в ssr а не просто в роутере

нет

ты походу чето не понимаешь

Я понимаю, но в самом роутере этой фишки нет

блин, там же написано все четко

берется компонент, вызывается метод asyncData, не важно что это сервер или клиент

Но в чистом роутере нету же

Надо просто допилить

Но в чистом роутере нету же

ну сделай

Что я и предложил

Vue.mixin({ beforeRouteUpdate (to, from, next) { const { asyncData } = this.$options if (asyncData) { asyncData({ store: this.$store, route: to }).then(next).catch(next) } else { next() } } })

только там есть beforeRouteEnter

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

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

Вообще это всё нухт виноват, разбаловал меня)

да вот именно, все эти cli, nuxt только чтобы побырому начать проект писать, а как оно работает хер кто знает

Не, ну понимаю как работает, просто самому делать не приходится)

Даже копипастить

Всем привет)

Привет, vue-брат

Не, роутер резолвит асинхронные компоненты сразу

Короче только что перечитал немного доку по роутеру, и походу я ошибался и всё-таки можно, просто нет смысла указывать loading, error и т.д., т.к. переход не будет сделан пока не зарезолвится компонент... но я чёт не уверен, надо проверить

Блин, не то сообщение отметил

Короче только что перечитал немного доку по роутеру, и походу я ошибался и всё-таки можно, просто нет смысла указывать loading, error и т.д., т.к. переход не будет сделан пока не зарезолвится компонент... но я чёт не уверен, надо проверить

в роутере ты не можешь использовать loading, error при импорте компонента

там все эти ключики игнорируются успешно

в роутере ты не можешь использовать loading, error при импорте компонента

Ну я об этом и говорю

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

по поводу же "резолвятся сразу в роутере" это не так

{ path: '/path1', component: () => import('1') }, { path: '/path2', component: () => import('2') }

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

Ну я уже это понял

Подскажите как подключать сторонние библиотеки во vue.js

как правильно подключать их)

в main.js через функцию use() ?

зависит от библиотеки

допустим это либа на чистом js+svg

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

use просто запускает функцию, в которую передает экземпляр Vue, там например можно глобально зарегистрировать component или директиву или послать нахер кого нибудь

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

да

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

+

А кто нибудь делал ssr и канвас или Яндекс карты?

use просто запускает функцию, в которую передает экземпляр Vue, там например можно глобально зарегистрировать component или директиву или послать нахер кого нибудь

Слать никого не надо. Просто я бибилиотеку подключаю, а она не работает в компоненте

А кто нибудь делал ssr и канвас или Яндекс карты?

что ты подразумеваешь под ssr карт или канваса? 🤔

что ты подразумеваешь под ssr карт или канваса? 🤔

Когда их инитить

думаю на mounted, зачем им на ssr отрабатывать?

что ты подразумеваешь под ssr карт или канваса? 🤔

В зависимости от контекста включать компоненты?

думаю на mounted, зачем им на ssr отрабатывать?

Я думал врубать компонент в зависимости от того где идёт рендер, но маунтед проще походу да

ага, еще есть вот такое https://github.com/egoist/vue-no-ssr

ага, еще есть вот такое https://github.com/egoist/vue-no-ssr

Спасибо, тот же маунтед и флаг да /нет

Всем привет)

Можно ли как то отключить историю переходов в vue-router

Можно ли как то отключить историю переходов в vue-router

<router-link :to="{ path: '/abc'}" replace></router-link>

делай в каждом router-link replace

и будет тебе щастье

Спасибо. А мб есть глобальная настройка?

Спасибо. А мб есть глобальная настройка?

https://router.vuejs.org/ru/advanced/navigation-guards.html

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

Хм. Проставил всем урлам replace и все равно история пишится в браузер

Хм. Проставил всем урлам replace и все равно история пишится в браузер

че серьезно? :)

походу

Доброго времени суток господа, подскажите пожалуйста, как из одного компонента изменить данные другого ? (компоненты соседние, находятся в родительском компоненте)

Доброго времени суток господа, подскажите пожалуйста, как из одного компонента изменить данные другого ? (компоненты соседние, находятся в родительском компоненте)

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

Какое решение лучше?

И так и так работает

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

Спасибо вам

Наверное чем короче код - тем лучше?

Какое решение лучше?

И так и так работает

Даже не лучше, а скорее правильнее*

я бы второе выбрал

организованнее выглядит

Благодарю, я тоже так подумал

я бы второе выбрал