當我們在django web框架中,使用vue的時候,會遇到語法沖突.
因為vue使用{{}},而django也使用{{}},因此會沖突.
解決辦法1:
在django1.5以后,加入了標簽:
{% verbatim myblock %} {% endverbatim myblock %}
被此標簽包裹的代碼將不會被Django的模板引擎渲染。
因此,我們可以把帶有{{ }} 的Vue代碼放在 {% verbatim myblock %}標簽中間,例如:
<div id="app1">
{% verbatim myblock %}
{{ message1 }}
{% endverbatim myblock %}
</div>
解決辦法2:
修改Vue的{{ }} 為{[ ]}
<script>Vue.config.delimiters = ["{[", "]}"]</script>
使用的時候:
<div id="app1">
{[ message1 ]}
</div>
即可。
如何解決Django與Vue語法的沖突