讓Django＆Vue.js與{％verbatim％}一起工作

Question

我試圖讓django & Vue一起工作，即使它們共享相同的{{X}}模板語法。

我知道，從django 1.5我們可以使用{% verbatim %}標籤。所以我想我可以像往常一樣使用django模板，並在需要VUE接管的部分中使用{％verbatim％}標記。然而，而不是加載我的vue數據django加載{{ variable }}。

例如我的Django的代碼看起來是這樣的：

{% verbatim %} 

<div id='sessions'> 
    <h2>{{message}}</h2> 
</div> 

{% endverbatim %} 

在我app.js文件我有：

var sessions = new Vue({ 
    el: '#sessions', 
    data: { 
    message: 'Hello Vue!' 
    } 
}) 

但不是渲染Hello Vue!它呈現{{message}}

控制檯不顯示任何錯誤，否則vue會正確加載。

我怎樣才能使這兩個工作在一起？理想情況下，無需更改vue.js {{}}語法。

Answer 1

您可以將Vue的interpolation delimiters更改爲任何您想要的。

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

這樣你可以使用任何你的框架需要。

編輯

它在這種情況下橫空出世，@Costantin有頁面上有一個DIV＃會話。