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

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

скажите плз, можно ли как-то выкрутится <slot name="close-button" @click="close"></slot> так не работает. мне надо передать в слот компонент, и на него повесить событие. что придумать?

или другой варик - как вызвать метод дочернего компонента из родителя?

из ребенка мы можем вызвать метод родителся, а наоборот?

используй внедрение зависимостей

скажите плз, можно ли как-то выкрутится <slot name="close-button" @click="close"></slot> так не работает. мне надо передать в слот компонент, и на него повесить событие. что придумать?

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

либо передавал метод пропсом в скоуп слота

из ребенка мы можем вызвать метод родителся, а наоборот?

А наоборот ты в дочернем компоненте делаешь пропс и отслеживаешь его изменение. И по изменению вызываешь метод

скажите плз, можно ли как-то выкрутится <slot name="close-button" @click="close"></slot> так не работает. мне надо передать в слот компонент, и на него повесить событие. что придумать?

Scoped slot и туда параметром передавать ссылку на метод close

ссылку на метод?

можно пример или в доку ткнуть?

Ну там же можно данные биндить, можно и метод

Ну почитайте про слоты с ограниченной областью видимости

метод же в ребенке

По вашему коду не понять что где

кто юзает клоудфларе? вопрос таков: можно ли кэшировать полностью старик файлы особенно если проект нa vue cli, то есть js, css грузились с клоудфларе, не обращаясь к моему серверу, или проще закинуть в гитхаб проект?

Здравствуйте, как можно в одном vue компоненте вывести другой?

ок, пойду почитаю сначала scoped slots

Здравствуйте, как можно в одном vue компоненте вывести другой?

тоже интересуюсь

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

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

это мне?

да

В ангуларе это очень просто делается, привык к нему. Это реально сделать?)

Здравствуйте, как можно в одном vue компоненте вывести другой?

Импортируешь и выводишь

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

А как именно подскажите пожалуйста)

в родителе я хочу просто слот и там компонент

export deafult на другом компоненте?

а обработчик чтоб повесил уже сам слот. как это сделать?

да

scoped slot мне поможет в этом?

я как-то упустил их из виду

смотрю доку, там что -то вообще нихера не понятно

смотрю доку, там что -то вообще нихера не понятно

Что именно? Исправим

ну вот тут я не вижу ничего подобного на мой юзкейс https://vuejs.org/v2/guide/components-slots.html#Scoped-Slots

у меня в ребенке есть метод. мне надо этот метод повесить на компонент, который в слоте. как? есть какой-то пример?

Снаружи никто не должен знать что в ребенке есть какие-то методы

Изоляция

именно!

в родителе будет <slot><app-button>

и как на этот баттон вешать?

Через скоупед слот можно получить доступ к дочернему контексту

И сразу забиндить нужное на содержимое слота

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

я думал может есть способ это все сделать в самом слоте в ребенке

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

А при определении слота воспользоваться этими данными

жесть какая-то.

почему не было сделать типо этого <slot name="close-button" @click="boom"></slot>

и все, дальше кидаем что угодно в слот и оно бы биндилось. а так сиди голову ломай)))

Потому что никакой магии, всё явно делается

во вью и так много магии

Оно само — это не про вью

Нет там магии

Всё просто как молоток

Но при желании нафигачить по пальцам можно

ладно. в общем мне надо в скоупед слотс копать? это единственный вариант сделать все clean?

Почитайте

я почитаю. я спрашиваю может еще есть варианты

малоли)

Иначе компоненты организовать возможно

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

Компоненты понятия не имеют что они делают ?

софистика. естественно компонент чекбокса понятия не имеет что делает. он прост опереключает туда-сюда и отдает состояние вовне

ERROR: S client not available

а что конкретно он переключает - он понятия не имеет. ты же мне предлагаешь сделать кнопку которая специфично открывает закрывает модалку? спасибо, классыно

let components = { Home, ... } let routes = [{path: '/', name: 'Home'}, ...] routes: routes.map(v => ({path: v.path, name: v.name, component: components[v.name]}))

ща

let components = { Home, ... } let routes = [{path: '/', name: 'Home'}, ...] routes: routes.map(v => ({path: v.path, name: v.name, component: components[v.name]}))

подставляет компонент по имени (или имя по компоненту)

let components = { Home, ... } let routes = [{path: '/', name: 'Home'}, ...] routes: routes.map(v => ({path: v.path, name: v.name, component: components[v.name]}))

благодарочка

а правда, что About.vue импортнется не сразу, а только после перехода на /about?

но все равно ведь получаются те же яйца, только в проффиль

а правда, что About.vue импортнется не сразу, а только после перехода на /about?

Да, это же динамические импорты

но все равно ведь получаются те же яйца, только в проффиль

-1 строка

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

Имя указывать необязательно, какие-то свои опции лучше в meta указывать

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

У тебя овер 100 страниц в корне?

Около 20 будет

хотя вру, 12

хотя вру, 12

А в чем проблема тогда? Элементарный массив из 12 элементов.

в документации нету примера как передать метод в scoped slot? я сделал так но получаю ошибку Uncaught TypeError: fns.apply is not a function Child <slot name="close-button" :close="close"></slot> Parent <template slot="close-button" slot-scope="close"> <button @click="close">close</button> </template> Что не так?

опа! мейджик, работает slot-scope="{close}"

кавычки!!!

ну норм, сойдет, всем спасибо)

А в чем проблема тогда? Элементарный массив из 12 элементов.

я про цикл по файлам. Образно: for(view in './views'){ new Route{ name = view.name; component = view.filename } } Чтоб написал раз - и забыл, а не возишься с каждой страницей

я про цикл по файлам. Образно: for(view in './views'){ new Route{ name = view.name; component = view.filename } } Чтоб написал раз - и забыл, а не возишься с каждой страницей

У тебя по буквам итерация будет если что

А не ма мистейк

опа! мейджик, работает slot-scope="{close}"

А почему мэджик? Если в слот скоуп приходит объект и в итоге ты применил деструктуризацию? ?

а я должен быть телепатом чтобы знать что туда приходит объект?

я туда что объект передавал?

я туда что объект передавал?

В доке, внезапно, прям есть абзац "Деструктурирование slot-scope" А если прочитать, что до него написано, то да, там прекрасно видно, что там объект

В доке, внезапно, прям есть абзац "Деструктурирование slot-scope" А если прочитать, что до него написано, то да, там прекрасно видно, что там объект

внезапно там нету нислова о том что передается объект. не надо умничать постфактум (когда уже изучил и используешь). на всей странице слово обхект встречается 2 раза в контексте передачи пропса todo (который в примере и есть ОБЪЕКТОМ, я же передаю функцию)

<router-link href="/about" class="rl-about">About</router-link> ну и в css