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

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

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

Ну идея в том, что ты кидаешь в компонент 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-> переменные оживают

Там чел хотел юзать переменные вуе с самим пагом, а они просто в порядке обработки не могли заработать вместе, потому, что 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" ?

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

ERROR: S client not available

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

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

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

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

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

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

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

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

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

насколько я понимаю

Всем привет! Стоит задача слать картинки на сервер. С загрузкой и отсылкой разобрался. Теперь нужно при инициализации компонента сеттить данные в дочерний компонент. Застопорился на этом моменте что-то. https://codepen.io/anon/pen/ZvzwzO

понимаю что через v-model

пропсы

пропсы

ну да они есть

иначе я бы не передал в родителя

объясните мне, что вообще плохого в v-model? стоит ли от него избавляться в пользу v-bind?

объясните мне, что вообще плохого в v-model? стоит ли от него избавляться в пользу v-bind?

Ты нам скажи?

объясните мне, что вообще плохого в v-model? стоит ли от него избавляться в пользу v-bind?

Или тебя смущает 2х binding ?

v-bind - это только внутрь, а v-model - еще в обратную сторону?

v-model - это и есть v-bind вместе с v-on

v-bind - это только внутрь, а v-model - еще в обратную сторону?

можно сказать, что это наалог .sync модификатора для пропсы

v-bind - это только внутрь, а v-model - еще в обратную сторону?

v-bind в одну сторону. v-bind + emit event = v-model В доке это есть

можно сказать, что это наалог .sync модификатора для пропсы

Сомневаюсь, что человек занает, что это

Сомневаюсь, что человек занает, что это

с чего такие познания?

я так понял, это к реактивности относится

с чего такие познания?

ну если ты не знаешь, что такое v-model. Это очевидно.

а если emit влияет на другие компоненты, то стоит выкашивать v-model, так как нужно аффектить еще и другие компоненты?

кто-то может помочь с vue-server-renderer?

Эмит на другие компоненты не влияет

кто-то может помочь с vue-server-renderer?

собирается без ошибок, при запуске "Content placeholder not found in template." router-view в корневом компоненте в шаблоне висит

Эмит на другие компоненты не влияет

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

собирается без ошибок, при запуске "Content placeholder not found in template." router-view в корневом компоненте в шаблоне висит

<!--vue-ssr-outlet--> добавь в html

То ли у меня слишком простые кейсы в последнее время, то ли другие что-то усложняют всё ?