當我們在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>
即可.
另外有需要云服務器可以了解下創新互聯scvps.cn,海內外云服務器15元起步,三天無理由+7*72小時售后在線,公司持有idc許可證,提供“云服務器、裸金屬服務器、高防服務器、香港服務器、美國服務器、虛擬主機、免備案服務器”等云主機租用服務以及企業上云的綜合解決方案,具有“安全穩定、簡單易用、服務可用性高、性價比高”等特點與優勢,專為企業上云打造定制,能夠滿足用戶豐富、多元化的應用場景需求。
當前標題:如何解決Django與Vue語法的沖突-創新互聯
網址分享:http://vcdvsql.cn/article20/hchjo.html
成都網站建設公司_創新互聯,為您提供電子商務、網頁設計公司、Google、網站營銷、做網站、網站導航
聲明:本網站發布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網站立場,如需處理請聯系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經允許不得轉載,或轉載時需注明來源: 創新互聯