使用Vue + Django模板语言时如何解决双大括号问题

I am using Django template language and would like to use Vue on my project. One main problem I encountered is {{…}} syntax. My Vue data is not rendered at all.

{{ message }} // This is just empty on my page 

And I am just using this basic Vue script:

var app = new Vue({
  el: '#app',
  data: {
    message: 'Hello Vue!'
  }
})

How do I solve this?

解决方案
What glenfant said is easy, but this is even easier.

var app = new Vue({
    delimiters: ['{', '}'],
    el: '#app',
    data: { message: 'Hello Vue!' },
})

That’s all: you configure Vue with the tag it should use to work.  I use just one brace – {…} – but you can use doubled square brackets, too: [[ and ]].