当咱们在django web框架中,使用vue的时候,会遇到语法冲突.
由于vue使用{{}},而django也使用{{}},所以会冲突.vue
解决办法1:
在django1.5之后,加入了标签:
{% verbatim myblock %} {% endverbatim myblock %}
被此标签包裹的代码将不会被Django的模板引擎渲染。
所以,咱们能够把带有{{ }} 的Vue代码放在 {% verbatim myblock %}标签中间,例如:web
<div id="app1">
{% verbatim myblock %}
{{ message1 }}
{% endverbatim myblock %}
</div>
解决办法2:
修改Vue的{{ }} 为{[ ]}django
<script>Vue.config.delimiters = ["{[", "]}"]</script>
使用的时候:app
<div id="app1">
{[ message1 ]}
</div>
便可。框架
如何解决Django与Vue语法的冲突模板引擎