Можно ли подключить php файл у vue?

Question

[Влад Володько]

Здравствуйте, интересует такой вопрос, можно ли и если да то как подключить php файл в vuejs?

<template src="template.php">
</template>

Что то типа такого

Я знаю что поддерживается только html но вот сейчас возникла такая необходимость

Comments

[Дмитрий]

Если там будет только хтмл, то скорее всего можно

[Влад Володько]

Дмитрий, да если только один html то впринцепе работает, но беда в том что там не только html(((

Answer 1

[Дима Паутов]

Если вы пытаетесь таким способом сунуть в шаблон vue исполнение php кода, то вы что-то не так делаете)))
Такого в принципе не может быть и это не будет работать))

Answer 2

[Антон Шаманов]

Я знаю что поддерживается только html но вот сейчас возникла такая необходимость

ой как все запущено... ничего ты не знаешь джон сноу..ничего..

Comments

[Александр Аксентьев]

джун сноу*

[Влад Володько]

Антон Шаманов Ану ка подробней с этого момента
Уж не о препроцессорах вы говорите, которые на выходе превращаются в html?
Просветите меня о великий сенсей

Answer 3

[Олег]

Если очень постараться можно все сделать, но зачем?

Comments

[Антон Шаманов]

затем что так работает 90% современных сайтов

[Олег]

Антон Шаманов, мне просто не понятно если у нас spa, то сервер в нашем случае написанный на php должен просто предоставлять api, не понимаю зачем городить на беке ещё и генерацию шаблонов?

[Влад Володько]

Олег, Я чуть ниже описал подробней свою проблему

Answer 4

[Evgeniy S]

подключить можно не только html, но и другие шаблонизаторы - pug например. да и вообще - можно самостоятельно написать свой лоадер для плагина вебпака (webpack занимается SFC компонентами)
другой вопрос - ДЛЯ ЧЕГО понадобилась такая НЕОБХОДИМОСТЬ? если знать для чего, возможно сообщество подскажет вам правильный путь решения.

Comments

[Влад Володько]

Да, вы правы не совсем полностью описал задачу
Сайта написан на cms bitrix, и возникла необходимость перевести одну из страниц сайта на фреймворк, выбрал vue.
В bitrix файлы имеют расширение php и там и шаблон и функционал, так как выбрал vue хочу сделать все красиво. В страницу которую нужно переделать вставляется компонент bitrix через $APPLICATION->IncludeComponent
и вот мне интересно могу ли я как то подключить этот компонент.

Answer 5

[Влад Володько]

Да, вы правы не совсем полностью описал задачу
Сайта написан на cms bitrix, и возникла необходимость перевести одну из страниц сайта на фреймворк, выбрал vue.
В bitrix файлы имеют расширение php и там и шаблон и функционал, так как выбрал vue хочу сделать все красиво. В страницу которую нужно переделать вставляется компонент bitrix через $APPLICATION->IncludeComponent
и вот мне интересно могу ли я как то подключить этот компонент.

Comments

[Игорь]

Vue не только cli, существует браузерная версия.

Она позволяет частичное внедрение в проект.

Answer 6

[Никита]

Не знаком с битрикс, но судя по описанию, возможно, можно сделать так.
Страница написана на пхп включая разметку и логику. Значит в вью ты переносишь и разметку, и логику, и все остальное. на изначальной странице удаляешь все кроме пхп вставок кода, и вешаешь на корневой div какой нибудь #app, и создаёшь приложение Vue с el: "#app"

Comments

[Влад Володько]

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

Answer 7

[magersoft]

Не особо знаком с битриксом. Но думаю там есть контроллеры, пишешь все исполнение пхп в контроллере на сервере, и отдашь это во вью в виде json при mounted, например

Answer 8

[Василий Полосухин]

Работайте с Vue в режиме библиотеки, зарегистрируйте ваши Vue компоненты глобально и подключите бандл к шаблону. Тогда сможете внутри контейнера использовать и Vue компоненты и php

Comments

[Влад Володько]

Василий Полосухин Да, этот вариант хорошо, но как быть с компонентами? Как мне их потом подключать? Я хочу чтобы vue компоненты были в разных файлах, потому как логики там много

[Василий Полосухин]

С помощь вебпака собираете свой банд, в итоге у вас получится один файл условно bundle.js, который после подключаете к index.php
index.php

<head>
  <script src="../bundle.js">
</head>
<body>
 <div id="app"></div> - Ваш контейнер для vue. Сюда же можно будет писать любой код
</body>