python - 使用Vue + Django模板语言时如何解决双花括号问题？

Question

我正在使用 Django template language并想在我的项目中使用 Vue。我遇到的一个主要问题是 {{...}} 语法。我的 Vue 数据根本没有呈现。

<div id="app">{{ message }} // This is just empty on my page </div>

我只是在使用这个基本的 Vue 脚本:

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

我该如何解决？

Answer 1

glenfant说的简单，这个更简单。

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

就是这样:你用它应该用来工作的标签配置 Vue。 :) 我只使用一个大括号 - {...} - 但你也可以使用双方括号:[[ 和 ]].