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监听器
简单写法:监视简单类型的变化
完整写法:添加额外的配置项