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

Just change default delimiters for vue. Here's how:

Vue.js 1.0

Define delimiters globally.

Vue.config.delimiters = ['${', '}']

Docs

---

Vue.js 2.0

Define delimiter on per component basis.

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

Docs