[JavaScript知识库]随便记的笔记

M :model数据模型 (data里定义)
V :view视图 (页面标签)
VM :ViewModel视图模型 (vue.js)

给DOM标签的属性设置Vue变量需要使用V-bind

Vue事件处理函数,如何拿到事件对象
无实参,直接用第一个形参接收
有实参,手动传入$event

.prevent-阻止默认行为

@keyup.enter - 监测回车按键
@keyup.esc - 监测返回按键

复选框,v-model的变量值

非数组 绑定的是复选框的checked 的属性 true/false 常用于:单个绑定使用
数组 绑定的是复选框的value属性 里的值 常用于: 收集勾选了哪些值

v-model修饰符
.number 转成数字对象
.trim 去除首尾空白字符
.lazy 鼠标点击其他区域失去了焦点后触发

v-html
会覆盖插值表达式

v-show 与 v-if 添加false或true 控制标签的显示或隐藏
v-show 隐藏不删除元素 (频繁切换使用)
v-if直接从DOM树上移除