тогда не мешайте роутинг) не делайте этого)

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

да

сейчас так кое - где сделано, но ощущается отстойно

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

Это не очень дружит со спа? Это постепенный процесс переписывания всего на спа)

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

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

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

просто как я понимаю в таком случае нужно делать по одному роуту на каждую страницу чисто на рендер + роуты на апи

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

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

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

я её не понял - надо смотреть доки) у меня не так много опыта с вью, а с роутером вообще минимум

Ну идея в том, что ты кидаешь в компонент href=mylink, а компонент берет эту ссылку, использует метод router.resolve(mylink), если отдает все норм то вставляешь это в роутер линк, если нет, то это обычная ссылка

кстати вместо template+components я бы просто render заюзал

А какой в этом смысл?

А какой в этом смысл?

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

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

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

Да оно копейки там

компилятор шаблонов всё же весит, пусть и копейки

компилятор шаблонов всё же весит, пусть и копейки

20кб? :) И как контент отображать, когда шаблон из ДОМа берется, html которого нарисовал сервер?

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

Бекенду похер за ссылки. Там вступает силу nginx

просто так тащить 20 кб и еще заставлять браузер парсить его! :D

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

А вот спа важно, ему для переходов нужно специальный компонент использовать.

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

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

Но, вуе лоадер за браузер все парсит же

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

Мм... Что не подходит? Юзать рендер функции?

Но, вуе лоадер за браузер все парсит же

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

Бекенду похер за ссылки. Там вступает силу nginx

который по дефолту бросает все на app.php :D интересно, надо попробовать

Мм... Что не подходит? Юзать рендер функции?

считаешь удобно их самому писать?

Я читаю и даже не понимаю за что вы спорите.

Тут чел выше верил, что если вставить в pug переменную, то сначала она отработает, а потом все остальное. Лучше бы его уму разуму научили.

По-моему тут гранаты разной системы. И сущности разных вселенных(образно говоря)

считаешь удобно их самому писать?

Нет, я не понял, что ты имеешь ввиду под "не подходит" :) Я так полагаю, что если кто-то переводит сайт со статики на SPA, то вероятнее всего серверный рендер нужен для какой нить индексации. Но пока сделать нормальный SSR они не могут, будут юзать шаблоны из DOM, HTML для которого присылает бекенд в самой странице.

По-моему тут гранаты разной системы. И сущности разных вселенных(образно говоря)

Верно. Точней одна система никогда с другой не встретиться.

Кто как решает проблему циклов в таблицах. Допустим нужно 4 td крутить, когда их 2 можно обойтись if-else (И то, не красиво), а когда их 4, не могу найти во что можно обернуть td в tr или может какое более изяшное решение есть в Vue?

Вроде можно в template обернуть

Мне кажется что SSR незаполненный шаблон вью тоже не слишком помочь сможет

Верно. Точней одна система никогда с другой не встретиться.

Теоретически поженить их не должно быть невероятной преблеммой. Но в лоб как в примере по-моему анрил.

Мне кажется что SSR незаполненный шаблон вью тоже не слишком помочь сможет

Так а почему он не заполненный? Бэкэнд пришлет заполненный html.

Теоретически поженить их не должно быть невероятной преблеммой. Но в лоб как в примере по-моему анрил.

Хз, хз. Сначала паг рендерит в html, а потом html в рендер строку.

Вроде можно в template обернуть

Тоже думаю может этот подход, но скорее обёртку проще сделать наверно.

Тоже думаю может этот подход, но скорее обёртку проще сделать наверно.

А можно пример кода? А то не совсем понял суть вопроса)

Так а почему он не заполненный? Бэкэнд пришлет заполненный html.

Видимо я уже путаюсь. Если сервер вместо шаблона для вью пришлет готовый HTML то это уже не будет шаблоном для вью потому что привязок никаких не станет. Или имеется ввиду что приедет готовый HTML, а вью попробует поверх нарендерить ещё раз?

Видимо я уже путаюсь. Если сервер вместо шаблона для вью пришлет готовый HTML то это уже не будет шаблоном для вью потому что привязок никаких не станет. Или имеется ввиду что приедет готовый HTML, а вью попробует поверх нарендерить ещё раз?

Тогда это получается ssr)

который по дефолту бросает все на app.php :D интересно, надо попробовать

Слушай, а может прежде чем бросаться в огонь, посмотришь как на пхп делают сср с вуе?

Вручную добавлять атрибут в разметку типа нагенерено для ssr? хм, мб мб

Я с pug работал. Проблем не было. Просто я в лоб так в темплейт не передавал ключи. А так по синтаксису все как в обычной разметке, v-if, v-bind, v-on все навешивается и работает.

С телефона пишу. Нет кода под рукой.

Слушай, а может прежде чем бросаться в огонь, посмотришь как на пхп делают сср с вуе?

мне сср нафиг не сдался - приложение не индексируемое

Я с pug работал. Проблем не было. Просто я в лоб так в темплейт не передавал ключи. А так по синтаксису все как в обычной разметке, v-if, v-bind, v-on все навешивается и работает.

Там чел хотел юзать переменные вуе с самим пагом, а они просто в порядке обработки не могли заработать вместе, потому, что vue-loader не знает паг, но знает html, но для вуе быстрей работать с рендер функцией. Поэтому сначала pug->html->render-> переменные оживают

Видимо я уже путаюсь. Если сервер вместо шаблона для вью пришлет готовый HTML то это уже не будет шаблоном для вью потому что привязок никаких не станет. Или имеется ввиду что приедет готовый HTML, а вью попробует поверх нарендерить ещё раз?

Там чел хотел юзать переменные вуе с самим пагом, а они просто в порядке обработки не могли заработать вместе, потому, что vue-loader не знает паг, но знает html, но для вуе быстрей работать с рендер функцией. Поэтому сначала pug->html->render-> переменные оживают

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

Хе.

https://www.monterail.com/state-of-vuejs-report

Думаю это баян новость, да?)

@c01nd01r

Да

кстати вместо template+components я бы просто render заюзал

почему?

почему?

Хехе

почему?

ну камон, читай тред дальше)

да, почитал

почему?

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

потому что тоже будет работать

https://www.monterail.com/state-of-vuejs-report

кто-то уже заказал себе?

я как-то пробовал и раннюю версию читать - не зашло

Хз

Я деньги на такие вещи не трачу

Тем более мне совершенны не интересны темы которые там описаны

Парни, а как в onSubmit узнать какая кнопка отправила форму? @submit.prevent="onSubmit" У формы три кнопки просто

$refs?

e.target?

сабмитить из кнопки в метод с параметром

e.target?

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

@submit.prevent="mySub('btn1')" mySyb(){form.submit}

Парни, а как в onSubmit узнать какая кнопка отправила форму? @submit.prevent="onSubmit" У формы три кнопки просто

Сделать две кнопки "type="button" ", а другую type="submit" ?

Сделать две кнопки "type="button" ", а другую type="submit" ?

а если их три?)

а если их три?)

так а я сколько написал?

Сделать три кнопки

Всем спасибо, заработало!

https://www.monterail.com/state-of-vuejs-report

если что, вот эта штука полностью бесплатна

если что, вот эта штука полностью бесплатна

Что это вообще?

книга о том, как разные команды обосновывают внедрение вью в их проекты