django 渲染模板與 vue 的 {{ }} 沖突解決方法

 

如果不可避免的在同一個頁面里既有 django 渲染又有 vue 渲染的部分，可有 2 種方式解決

 

方法一：

　　采用 vue 的 delimiters  分隔符。

new Vue({ delimiters: ["{[", "]}"] // 可自定義符號
})

 

方法二：

建議把 vue 的部分用 {% verbatim %} 包起來。

見文檔：https://docs.djangoproject.com/en/2.2/ref/templates/builtins/#verbatim

{% verbatim %}
        <div>{{ text }}</div>
{% endverbatim %}