vue.2

1.按键修饰符

@keyup.enter:按键回车监听

v-model.trim:去掉首尾空格

v-model.number:转数字

事件名.stop:阻止冒泡

事件名.prevent:阻止默认行为

2.v-bind对样式控制的增强

键名就是类名，值是布尔值。为true就有这个类，否则就没有这个类。

数组中的所有值都会被添加到盒子上，本质上就是一个css列表

3.常见的表单元素可以用v-model绑定关联，快速获取和设置表单的值

输入框 input:text

文本域 textarea

复选框 input:checkbox

单选框 input:radio

下拉菜单 select

4.计算属性

计算属性就是基于现有的数据，计算出来的新属性。

5.computed计算属性和methods方法

computed计算属性：封装了对一段属性的处理

语法：写在computed配置中

直接用this.计算属性{{ 计算属性 }}

methods方法：给实例提供一个方法，调用处理业务逻辑

语法：写在methods配置中

需要调用：this.方法名（）{{ 方法名 }} @事件名=方法名

6.watch监听器

简单写法：监视简单类型的变化

完整写法：添加额外的配置项