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

<h1>

{% verbatim %}

{{message}}

{% endverbatim %}

</h1>

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

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

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

可以进行修改：

new Vue({

  delimiters: ['${', '}$']

})

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

${message}$

参考：

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