指令修饰符
如果想了解keycode，可以查看keycode对照表，如下图（部分）:
阻止冒泡@事件名.stop
父div包裹子div，如果点击子div，会触发父div。
如果想只显示子div的事件，那么可以改子div的内容 @click.stop="sonFn"
阻止默认行为，比如<a>标签会自动跳转超链接，如果想阻止：
v-model双向绑定
v-bind对样式控制的增强-操作class
tab栏切换例子
v-bind对有样式控制的增强-操作style
如果css属性中有特殊字符比如-，需要加''，或者写为backgroundColor
v-model双向绑定
data的单选框、多选框的值与value的值一致
computed计算属性
计算属性，必须return结果
1. computed配置项和data配置项是**同级**的
2. computed中的计算属性**虽然是函数的写法**，但他**依然是个属性**
3. computed中的计算属性**不能**和data中的属性**同名**
4. 使用computed中的计算属性和使用data中的属性是一样的用法
5. computed中计算属性内部的**this**依然**指向的是Vue实例**
computed计算属性 VS methods方法
1. 计算属性默认的简写，只能读取访问，不能 "修改"
2. 如果要 "修改" → 需要写计算属性的完整写法
watch监听器
