vue基础语法

指令修饰符

如果想了解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监听器