1、事件后面可以加一些常用的修饰符 keyup.enter阻止冒泡 阻止默认事件 只在自己身上触发 事件捕获
事件的行为默认是：冒泡（从内往外）
<div @click.stop="grandson">grandson</div>
<div @click.apture="parent">parent
<div @click.self="son">son
<a href="hppt://www.baidu.com" @click.prevent>百度</a>
.stop 代表阻止冒泡
.apture 表示事件捕获 先捕获--->再到目标--->再到冒泡
.self 表示只在自己身上触发（点他自身时）
.prevent 阻止默认事件（eg:a标签的默认跳转）
.键盘事件 修饰符可以连续调用
2、小胡子也被称为 {{ }} 取值表达式 一般只用在html标签内
v-bind 可以简写成 ：的形式 如果以后数据需要 使用动态绑定则使用 ：的形式
动态和静态生效的是根据前后顺序（优先级 谁在下面谁高）
1.png
class style 可以动态绑定 写法比较特殊 可以使用对象和数据
:class="{red:flag}" flag为true就生效 为false不生成效（他和原生的class不冲突）
:class="['red','blue']" 数组中表示两个都生效 可以在数组中使用变量
2.png
3.png
