Twig---和vue或angular前端框架并存

<h1>
{% verbatim %}
{{message}}
{% endverbatim %}
</h1>

上面这种方式虽然能够解决，前台渲染的问题，但是还是会报错：

第二种解决方法：修改默认的定界符

vue默认的定界符是： ["{{", "}}"]

可以进行修改：

new Vue({
  delimiters: ['${', '}$']
})

这个时候页面数据的渲染就是：

${message}$

参考：

https://vuejs.org/v2/api/#delimiters