如何在Symfony中使用vuejs

Question

我发现本教程有效，并允许您与vuejs交互symfony：https://www.cloudways.com/blog/symfony-vuejs-app/

到目前为止，还不错，但是我需要知道如何实现这种类型的示例： https://vuejs.org/v2/examples/ 在symfony中，想法是能够在我的项目中实现代码，但这部分使我陷入困境。

有什么想法吗？

Answer 1

安装Webpack-Encore-Bundle并在webpack.config.js内，添加

.enableVueLoader()

Flex食谱已经为您创建了一个app.js。然后您可以像这样将vuejs代码放入其中

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

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

运行encore之后，您可以使用非常方便的细枝功能将已编译的app.js文件包含在细枝中

{{ encore_entry_script_tags('app') }}

有关webpack-encore的详细文档，请参见here