Как прикрутить обработку Vue к пришедшему по ajax коду?

Question

[Александр Арбузов]

Во всплывающем окне приходит код компонента с формой. Хочу что бы форма обрабатывалась vuejs, но так как код через ajax то обработчики не работают.
Вызывать вместе в шаблоном <script>var a= new Vue();</sctipt>
попахивает колхозом. Подскажите как реализовать такую тему?

Answer 1

[Maxim]

Вызывайте ajax в уже созданном экземпляре Vue.

Comments

[Александр Арбузов]

А что мне это даст? Пришедшие поля все равно же не попадут в Vue модель.

[Maxim]

А можно поконкретнее что вы пытаетесь сделать ( вывести в модалку) ? За 1.5 года разработки на вью не сталкивался с такой необходимостью

[Александр Арбузов]

Maxim Rak, У меня есть компонент для авторизации в сторонней системе. Авторизация требует проверки по СМС. Окно с СМС я хочу показывать модально, если запрошенный для авторизации телефон был найден в системе.
Т.е. клиент вводит телефон -> Vue отправляет его на проверку -> если телефон найден, то показывает окно
с формой для ввода отправленной СМС.
Так вот это окно я не хочу писать в скрытом виде в код. Я хочу его подтягивать через ajax.

[Maxim]

Александр Арбузов, если вы пишите приложение с помощью однофайловых компонентов (.vue), то лучше вывести этот участок кода в компонент и подключить к сущетвующей логике. Иначе вам остаётся прописать верстку в шаблон. и показывать только при успешном ответе с сервера.

Так или иначе получать компоненты с сервера не лучшая идея

Answer 2

[tuxx]

Через компоненты и text\x-template

Comments

[Александр Арбузов]

Не могли бы чуть более подробно? Я только начинаю работать с Vue.