Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/python/309.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/django/24.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Python 如何解决使用Vue+;Django模板语言?_Python_Django_Vuejs2 - Fatal编程技术网

Python 如何解决使用Vue+;Django模板语言?

Python 如何解决使用Vue+;Django模板语言?,python,django,vuejs2,Python,Django,Vuejs2,我正在使用并且希望在我的项目中使用Vue。我遇到的一个主要问题是{{…}}语法。我的Vue数据根本不呈现 <div id="app">{{ message }} // This is just empty on my page </div> 如何解决此问题?使用逐字模板标记 {%verbatim%}{{message}{%endverbatim%} 格伦芬特说的很容易,但这更容易 var app = new Vue({ delimiters: ['{', '}'

我正在使用并且希望在我的项目中使用Vue。我遇到的一个主要问题是
{{…}}
语法。我的Vue数据根本不呈现

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

如何解决此问题?

使用
逐字
模板标记

{%verbatim%}{{message}{%endverbatim%}

格伦芬特说的很容易,但这更容易

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

仅此而已:您可以使用Vue应用于工作的标记来配置Vue。:)我只使用一个大括号–
{…}
–但也可以使用双方括号:
[[[/code>和
]

在基本模板中,可以添加以下行:

 <script>Vue.config.delimiters = ['${', '}'];</script>
Vue.config.delimiters=['${','}'];

然后您将能够对Vue使用
%{…}
,对django使用
{…}

模板标记对您有用吗?例如:
{%verbatim%}{{message}{%endverbatim%}
…这很有效!!谢谢
var app = new Vue({
    delimiters: ['{', '}'],
    el: '#app',
    data: { message: 'Hello Vue!' },
})
 <script>Vue.config.delimiters = ['${', '}'];</script>