Привет, ради эксперимента задумался - а можно ли совместить однофайловые компоненты в vue.js с php кодом?
Что бы делать простые однофайловые блоки, в которых совмещались бы шаблон, стили, фронтент и бекенд логика.
<template>
<div>
<input type="text" v-model="input"><button type="text" @click="submit">
</div>
</template>
<style lang="scss" scoped>
input {
width: 300px;
}
</style>
<script>
export default {
data() {
return {
input: ''
}
},
methods: {
save() {
this.$http.post('/api/save', {id: 333, input: input})
},
},
}
</script>
<?php
class componentsController extends Controller {
public function save(Request $request) {
$test = Test::updateOrCreate( ['id' => $request->id], $request->all() );
return response()->json($test);
}
}
?>
Вопрос, как на php подключить этот .vue компонент и проигнорировать все, кроме кода между <?php ?>
так-же и вебпак должен игнорировать <?php ?>
До php7 были теги
<script language="php"></script>, они, наверное, решили бы проблему с вебпаком, но сейчас их нет.
Опять же непонятно как быть с php? - может раз распарить все что между
<script language="php"> и сунуть в eval() ?
Есть какие идеи?
Средний
