Conflict on Template of Twig and Vue.js

Question

I\'m doing a program using Slim 2 that uses Twig as my templating engine. so It uses the syntax {{ foo }} in php file. On the other hand, I\'m using vue.js, it

Answer 1

The best solution is not to change either ones delimiter.

You can use the vuejs markup in twig like so

{{ mytwigvar }} {{ '{{' }} myvuevar {{ '}}' }}

This obviously is suboptimal, so redefine your twig loader to preprocess files and replace {{{ with {{ '{{' }} and }}} with {{ '}}' }} then you can write the markup as

{{ mytwigvar }} {{{ myvuevar }}}

Much nicer.