vue.js总结

django模板语言与vue.js冲突问题

方法1：

修改vue.js绑定符
`Vue.config.delimiters = ["[[", "]]"];

方法2：

禁用django模版渲染

    {{ vue }}
{% endverbatim %}```
####指令
#####v-text
` 等价于 {{msg}}`
#####v-if
`
`根据表达式值的真假判断标签是否存在，触发过渡效果
#####v-show
与v-if视觉效果一致，区别是v-show是切换display的显示，v-if是销毁与重建
#####v-for

{{ item.text }}

```

v-on:click

触发事件

v-bind

class active的更新将取决于数据属性 isActive是否为真值

缩写

三元表达式动态切换

绑定内联样式

data: {
  styleObject: {
    color: 'red',
    fontSize: '13px'
  }
}```
#####v-model
实时传输input内容

{{message}}

data:{message:'hellow vue!!',}

###简单的格式

未完待续...