这篇文章主要介绍了Django与Vue语法的冲突问题完美解决方法，本文给大家分享了两种解决方法，需要的朋友参考下吧
当我们在django web框架中,使用vue的时候,会遇到语法冲突.
因为vue使用{{}},而django也使用{{}},因此会冲突.
解决办法1:
在django1.5以后,加入了标签:
{% verbatim myblock %} {% endverbatim myblock %}被此标签包裹的代码将不会被Django的模板引擎渲染。
因此,我们可以把带有{{ }} 的Vue代码放在 {% verbatim myblock %}标签中间,例如:
<p id="app1">
{% verbatim myblock %}
{{ message1 }}
{% endverbatim myblock %}
</p>解决办法2:
修改Vue的{{ }} 为{[ ]}
<script>Vue.config.delimiters = ["{[", "]}"]</script>使用的时候:
<p id="app1">
{[ message1 ]}
</p>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')
}
}
})上面是我整理给大家的，希望今后会对大家有帮助。
相关文章：
在vue中如何使用cdn优化
在js中如何实现判断文件类型大小
在js中如何实现登录需要滑动验证
在Angular中如何实现下拉框模糊查询功能
在Nodejs中有关crypto模块安全知识（详细教程）
在angularjs中如何实现分页和搜索功能