twig vue 解决冲突

twig为模板引擎的网站使用vue会冲突

twig {{ }}

vue {{ }}

vue的值解析不出来，显示不出来。

解决方法：

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

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

https://stackoverflow.com/questions/31480612/conflict-on-template-of-twig-and-vue-js

解决方法2：

这次我们从October cms下手，October支持“不解析”标签，在不解析标签里面的内容会作为文本对待而不做任何解析，语法如下：
<pre>
{% verbatim %}
{{ foo }}
{% endverbatim %}
</pre>
例如：
<pre>
{% verbatim %}
<div>Hello {{ name }}, this is parsed by AngularJS</div>
{% endverbatim %}
</pre>



作者：衣咸
链接：https://www.jianshu.com/p/7a436c5a3975
来源：简书
著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。