Twig 为模板引擎的网站使用 vue 会冲突,因为两种模板的语法都是默认用双大括号表示变量。

这导致 Vue 的值解析不出来,显示不出来。

解决方法:

<div id="app">
  ${message}
</div>

new Vue({
    el:'#app',
    delimiters: ['${', '}'], //更改解析格式
    data: {
        message:'Hello World!'
    }
});

标签: twig, vue