详细解释django模板和vue.js的冲突

问题：

django模板和vue.js的变量用“{{”和“}}”包装。渲染django模板时，首先会替换所有的“{”和“}}”及其包装的内容，这样vue.js就不会使用“{{”、“}}”来绑定变量。

处理方法：

方法1:修改vue.js的默认绑定符号

Vue.config .分隔符=['['，']]']；执行此操作后，可以使用“[”、“]”来绑定变量的数据

方法二：使用模板的标签输出“{{“，“}}”

django模板的Templatetag可以在渲染模板时输出模板标签，标签参数和输出如下：

我们可以在模板中使用它

{%template tag open变量%} {%template tag close变量%}而不是“{{“，“}}”

方法3:禁用django模板呈现

Django标签逐字可以使包装在其中的代码原样输出，而无需呈现

{%逐字%} { { vue } } {%逐字%}我们可以在需要用于vue.js的地方使用{ %逐字% } { % end逐字% }包