当我们在django web框架中,使用vue的时候,会遇到语法冲突。
因为vue使用{{}},而django也使用{{}},因此会冲突。
在django1.5以后,加入了标签:
{%逐字myblock %} {% endverbatim myblock %}
被此标签包裹的代码将不会被Django的模板引擎渲染。
因此,我们可以把带有{{}}的Vue代码放在{%逐字myblock %}标签中间,例如:
& lt; div id=癮pp1”比;
{%逐字myblock %}
{{消息1}}
{% endverbatim myblock %}
& lt;/div>
修改Vue的{{}}为{[]}
& lt; script> Vue.config.delimiters=[" {(", ")} "] & lt;/script>
使用的时候:
& lt; div id=癮pp1”比;
{(消息)}
& lt;/div>
修改vue.js的默认的绑定符号
vue2.0已经废弃这种写法:
Vue.config.delimiter=[' [[,]] '],
正确姿势:
var vm=new Vue ({
分隔符:[[[,]]'),
埃尔:“#箱”,
数据:{
加勒比海盗:[“苹果”、“梨”,“葡萄”)
},
方法:{
添加:函数(){
this.arr.push(“番茄”)
}
}
})
以上所述是小编给大家介绍的Django Vue语与法的冲突问题完美解决方法,希望对大家有所帮助,如果大家有任何疑问请给我留的言,小编会及时回复大家的。在此也非常感谢大家对网站的支持!
