остынь и перечитай доки

ну это не скартинками беда, это беда в логике писавшего бэкенд

Без него как раз все работало был простой restapi и все работало прикрутили аднинку и все встало

Всем привет

ребят, почему команда не работает? vue init webpack vue

хотя если просто ввестив конмсоль vue

то ответ есть

Run vue <command> --help for detailed usage of given command.

Здравствуйте люди, вопрос по авторизации. на бекенде api + авторизация по JWT без куков. на фронте имеем Nuxt.js c серверным рендером на ноде (SSR) В связи с SSR необходимо пересохранять в куках jwt токен после авторизации, для того чтобы после перезагрузки страницы сервер тоже имел токен чтобы мог нарисовать страницу (запрсы к АПИ идут только с токеном в заголовке, куки игнорируются). При ткой схеме же не остается возможности для XSRF на бекенд? только XSS остаются?

Ребят подскажите плз

Как сделать border-top к примеру с отступами left right 20px

Как сделать border-top к примеру с отступами left right 20px

:after O_o

абстрактные классы решают

Хм ... А если сделать через renderless компоненты, где в них логику оставить, а потом уже создать компоненты на их основе через слоты наполнять?

У Адама ватана шикарные примеры такой реализации

Тогда походу не нужно будет декораторов вообще

Хм ... А если сделать через renderless компоненты, где в них логику оставить, а потом уже создать компоненты на их основе через слоты наполнять?

ну и так и сяк уже будет свое решение какое-то

со своими нюансами

надо пробовать да смотреть, в том числе перформанс

``<ul class="list-group"> <li class="list-group-item bg-dark" v-for="channel in tvchannels" data-url="{{channel.url}}"> {{channel.text}} </li> </ul>`` как сделать, что бы data-url отображался

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

``<ul class="list-group"> <li class="list-group-item bg-dark" v-for="channel in tvchannels" data-url="{{channel.url}}"> {{channel.text}} </li> </ul>`` как сделать, что бы data-url отображался

:data-url="channel.url"

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

:data-url="channel.url"

спасибо. а где почитать об этом можно?

спасибо. а где почитать об этом можно?

v-bind директива в доках вуя

двоеточие это ее сокращение

спасибо

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

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

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

Именно отдельно класс и все компоненты от него наследовать

Именно отдельно класс и все компоненты от него наследовать

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

А это уже не механизм вью)

Велосипед короче

ааа ... ну рендерлесс тогда виглядит по-кошернее )))

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

Берёшь кнопку, вешаешь обработчик через @click

В этом обработчике делаешь запрос к серверу

В этом обработчике делаешь запрос к серверу

Это понятно

и сделано

а как это все в div засунуть,

Получаешь данные, кладёшь в data

И в шаблон у тебя доступ к ней уже есть

К примеру data() { return { foo: ‘bar’ } }

В шаблоне {{foo}}

ок. с этим понятно

а вот как свяать сделать так, что бы при запросе site.ru/#/page Инфо подгружалась фоново?

не статический шаблон, а динамический

Это уже с роутером надо завязать загрузку данных

где почитать, подгрузка данных плюс роутер?

Типо для соответствующего роута можно дёргать

Все в доках опять же

По роутеру отдельная

подгрузка данных в роутер

никак не могу найти

помогите где

Тебе серверный рендер нужен ?

Проще всего взять nuxt js

Там рутина многая уже реализована

И есть примеры хорошие

Тебе серверный рендер нужен ?

я хочу, что бы например я на сайте нажал на кнопочку "Телеканалы", с севера шаблон подгрузился и вставился в router view

Шаблоны у тебя уже на клиенте будут все

Клиенту только данные нужны

Читай доку к vue router

ок

ясно

Шаблоны у тебя уже на клиенте будут все

При динамическом импорте, как бы не все шаблоны будут

ERROR: S client not available

Человек только учится же

Надо дозированно грузить )

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

Мы даже не знаем использует ли он вебпак

И что там вообще за кухня

если использует роутеры, значит использует вебпак )))

А если Лара)?

Там настроить ещё надо все

А если Лара)?

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

Там роутер тоже можно прикрутить

Для работы с урлом

Ребята

а можно ли сделать аналог iframe

спарсить по url весь html css js и поместить в div?

Jsonp

Но как правило корсы не дадут

угу

Там роутер тоже можно прикрутить

есть че почитать? делал proof of concept комбинированного роутинга, интересно сравнить

Я у коллеги бывшего видел )

Господа, а кто-то делал по кукбуку докерhttps://ru.vuejs.org/v2/cookbook/dockerize-vuejs-app.html

там же http-server не умеет SPA

Специалисты по vuex - подскажите красивое решение. Есть список категорий. Хранится это естессно в стейте. Имеется компонент который рендерит этот список. В компоненте предусмотренны разные визуальные состояния - например отображаются вложенные категории или нет (стандартное действие свернуть/развенуть). И тут делема. Правильно ли хранить эти состояния в стейте? По логике они нужны только для одного компонента..

Специалисты по vuex - подскажите красивое решение. Есть список категорий. Хранится это естессно в стейте. Имеется компонент который рендерит этот список. В компоненте предусмотренны разные визуальные состояния - например отображаются вложенные категории или нет (стандартное действие свернуть/развенуть). И тут делема. Правильно ли хранить эти состояния в стейте? По логике они нужны только для одного компонента..

Так если они нужны для одного комплнента смысл их в глобальный стейт тащить? Сохраняй все в локальном стете компонента

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

не то что бы сложно... не оч симптично

А как ты их линкуешь?

вполне отлично сочетается data компонента и state стора

не вижу проблемы )

Сами данные из стора, фильтры из локального стейта

буду делать метод который вернет свойство элемента стора из внутреннего объекта.. не брался пока за это

То что выводить - computed на основе данных и фильтров. Всё красиво и лаконично