問題
我們知道,在Vue中使用{{ }},在Django的模板中使用的也是{{ }},若在模板中即使用Vue也使用Django,就會(huì)引起沖突,該如何解決這種沖突呢?
解決方法
方法一:使用verbatim標(biāo)簽解決沖突
自Django1.5以來,加入了 {% verbatim myblock %} {% endverbatim myblock %}標(biāo)簽,被此標(biāo)簽包裹的代碼將不會(huì)被Django的模板引擎渲染。這樣以來,我們可以把帶有{{ }} 的Vue代碼放在 {% verbatim myblock %}標(biāo)簽里,如下所示:
<div id="app">
{% verbatim myblock %}
{{ message }}
{% endverbatim myblock %}
</div>
方法二:修改Vue的{{ }} 為{[{ }]}
Vue.config.delimiters = [“{[{“, “}]}”];