django 与 Vue 语法冲突解决

解决方法

一、

{% verbatim myblock %}
 
...
 
{% endverbatim myblock %}

在标签内代码不会被django解析

二、

vue2.0已经废弃这种写法:

Vue.config.delimiter=['[[',']]'];

正确写法

var vm = new Vue({
  delimiters:['[[', ']]'],
  el:'#box',
  data:{
    arr:['apple','pear','grape']
  },
  methods:{
    add:function () {
      this.arr.push('tomato')
    }
  }
})