Как правильно использовать laravel в связке с vue.js?

Question

[sv8]

Всем добрый день!

Пробую vue.js в связке с laravel. Мне понравилась идея компонентов, что в одном компоненте содержится все необходимое:

<template>
...
</template>
<scripts>
...
</scripts>
<styles>
...
</styles>

Но в ходе изучения появились следующие вопросы.
Допустим, я хочу создать компонент по добавлению определенной записи в БД (обычная форма).
1. Как я могу использовать blade + хэлперы в секции <template>?
Допустим, я хочу создать форму с помощью хэлпера:
{!! Form::open(...) !!}
2. Как я могу использовать SCSS в секции <styles>?
Читал, что есть возможность прописать препроцессор через аттрибут 'lang', но рабочего примера реализации данной задачи так и не нашел.

Answer 1

[Alex Wells]

И зачем тебе blade? Если ты используешь Vue, то тебе априори не нужен blade вообще. Разве что для вывода базового шаблона, все остальное подгружается через JS. Так сделано в Angular, и должно быть сделано и тут, но я могу ошибаться.

Comments

[Александр Ковальчук]

Да, в ситуации с Angular он перетягивает на себя всю работу подтверждая звание фреймворка, а vue по моему мнению библиотека и поэтому ее можно использовать не в качестве замены blade а как удобное добавление к нему. Не зря Тейлор добавил vue и развивает дальше blade.

[Alex Wells]

Александр Ковальчук: А в чем смысл каждый раз писать в блейде, а потом експортить его в JS? Лишняя работа, абсолютно.

[Александр Ковальчук]

Alex Wells: В Тейлора есть шикарный пример использования blade вместе с vue, в презентации работы с OAuth2 https://laracasts.com/series/whats-new-in-laravel-...