其他 - 在Symfony中将Twig变量传递给Vue.js

假设您呈现多个“ vue应用程序”，则可以使用以下命令定义全局变量

1）树枝配置

文档说：“ Twig允许自动将一个或多个变量注入所有模板。这些全局变量在主Twig配置文件中的twig.globals选项中定义”

2）您可以使用函数合并变量创建抽象控制器

// MyAbstractController.php
protected function getTwigVariables(array $vars) { 
    $globals = [];
    // ... fill $globals with your stuff
    return array_merge(['globalVar1' => ], $vars);
}

// TestController extends MyAbstractController
public function indexAction() {
    //...
    return $this->render('viewPath.html.twig', $this->getTwigVariables([
        'specificVariable' => 'variableContent'
    ]));
}

您也可以在主树枝中嵌入控制器。您可以创建headerAction，footerAction等，并为此操作创建子请求。

为了存储变量，您还可以使用脚本标签

// twig
<script id="serverJson" type="application/json">{{ jsonContent|json_encode()|raw }}</script>

// serverJson.js
const configElement = document.getElementById("serverJson");
export default JSON.parse(configElement.innerHTML);

// ViewTemplate.vue
import serverJson from "path-to-serverJson.js"