解决 Django 渲染模板 与 Vue 冲突

如果不可避免的在同一个页面里既有 django 渲染又有 vue 渲染的部分，出现冲突的两种解决方法：

方法一：

• 建议把 vue 的部分用 {% verbatim %} 包起来。详见：https://docs.djangoproject.com/en/2.2/ref/templates/builtins/#verbatim

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

 

方法二：

• 采用 Vue 的 delimiters 分隔符。

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