VUE学习（三、文本与指令）

一、数据绑定（双大括号）

1.文本显示

2.表达式

 3.过滤器

管道符进行过滤，支持多层过滤

 

二、指令

1.v-html

 2.v-model

v-model对表单等元素的定义，可以实现双向绑定。

3.v-bind

单向变动，可支持类型：html中的属性、css的样式、对象、数组、number 类型、bool类型。可将v-bind:class简写为:class

 4.v-if v-else-if v-else

根据表达式的值（true或false）来决定是否插入元素

 5.v-show

用法同v-if,区别是v-if是false,则根本不会渲染元素，而v-show只是将元素display:none

6.v-on

用于监听DOM事件，v-on:click可简写为@click

事件修饰符

stop

防止事件冒泡，若不加stop，则事件会从内至外依次执行。

 prevent

用于取消默认事件，如

capture

捕获事件，点击子节点，会触发从最外层到子节点的所有事件

self

只触发自己范围内的事件，不包含子节点

once

只执行一次

键盘修饰符

enter：回车键

tab：制表键

delete：含delete和backspace键

esc：返回键

space: 空格键

up：向上键

down：向下键

left：向左键

right：向右键

鼠标修饰符

left：鼠标左键

middle：鼠标中间滚轮

right：鼠标右键

7.v-for

循环