这篇文章主要介绍了django与vue语法的冲突问题完美解决方法，本文给大家分享了两种解决方法，需要的朋友参考下吧
当我们在django web框架中,使用vue的时候,会遇到语法冲突.
因为vue使用{{}},而django也使用{{}},因此会冲突.
解决办法1:
在django1.5以后,加入了标签:
立即学习“前端免费学习笔记（深入）”；
{% verbatim myblock %} {% endverbatim myblock %}被此标签包裹的代码将不会被Django的模板引擎渲染。
因此,我们可以把带有{{ }} 的Vue代码放在 {% verbatim myblock %}标签中间,例如:
{% verbatim myblock %} {{ message1 }} {% endverbatim myblock %}
解决办法2:
修改Vue的{{ }} 为{[ ]}
使用的时候:
{[ message1 ]}
ps：vue之django 和vue语法冲突处理
修改vue.js的默认的绑定符号
vue2.0已经废弃这种写法:
Vue.config.delimiter=['[[',']]'];
正确姿势:
var vm = new Vue({
delimiters:['[[', ']]'],
el:'#box',
data:{
arr:['apple','pear','grape']
},
methods:{
add:function () {
this.arr.push('tomato')
}
}
})上面是我整理给大家的，希望今后会对大家有帮助。
相关文章：
