Я нашел этот учебник, который работает и позволяет вам взаимодействовать между symfony и vuejs: https: // www.cloudways.com/blog/symfony-vuejs-app/

Пока все хорошо, но мне нужно знать, как реализовать пример такого типа: https://vuejs.org/v2/examples/ в symfony идея состоит в том, чтобы иметь возможность реализовать код в моем проекте, но эта часть меня застряла.

Любые идеи?

-1
juanitourquiza 7 Ноя 2018 в 19:38

1 ответ

Лучший ответ

Установите Webpack-Encore-Bundle и внутри webpack.config.js добавьте

.enableVueLoader()

Flex Recipe уже создает для вас app.js. Затем вы можете поместить туда свой код vuejs, например

'use strict';
import Vue from 'vue';

new Vue({
    el: '#app',
    data: {},
    methods: {},
    watch: {},
    components: {}
});

После запуска на бис вы можете включить свой скомпилированный файл app.js в twig с помощью очень удобной функции twig.

{{ encore_entry_script_tags('app') }}

Подробную документацию по webpack-encore можно найти здесь

3
WhiteRabbit 8 Ноя 2018 в 15:13