Как использовать vuejs с Symfony

Question

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

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

Есть идеи?

Answer 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 в веточку с очень удобной функцией ветки

{{ encore_entry_script_tags('app') }}

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