指令和事件

81 阅读1分钟

指令 Directives

是Vue模板中最常用的功能,他带有前缀 v- 能帮我们快速完成 DOM操作、循环、渲染、显示和隐藏。

v-text: 解析文本和 {{}}作用一样
v-html: 解析HTML
v-bind:v-bind的作用是动态更新html元素上的属性,比如id、class等
v-on:用来绑定事件监听

v-on 在普通元素上可以监听DOM事件,除了click外还有dbclick、keyup、mousemove等,表达式可以是一个方法,这些方法都写在Vue实例的methods属性内并且是函数的形式,函数形式内的this指向的是Vue本身,可以通过this.xxx修改访问的参数或修改数据

v-bind我们通常都是用简写的形式 v-bind:class => :class

v-on 我们通常都是用简写的形式 v-on:click => @click