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属性 里的值 常用于: 收集勾选了哪些值
// every代表每一个
v-model修饰符
.number 转成数字对象
.trim 去除首尾空白字符
.lazy 鼠标点击其他区域失去了焦点后触发
v-html
会覆盖插值表达式
v-show 与 v-if 添加false或true 控制标签的显示或隐藏
v-show 隐藏不删除元素 (频繁切换使用)
v-if直接从DOM树上移除
当数据变量为动态获取时,使用计算属性