1、选中复选框时,数组中的数据的状态发生变化
对于控制数据的变化,不需要重新定义点击事件来控制其改变,只需在标签中使用
v-model 来绑定其需要变化的值即可,需要注意的是这里 v-model 绑定的值需要是 boolean
值,如图所示:
2、键盘事件:keyup/keydown
Vue 项目中:当键盘事件为指定某一个键触发时可以使用 keyup.enter(此时是点击 enter
键时触发)
Js 项目中:应判断此时的 keyCode 是否与你想要使用的键值相等
Vue 项目截图:
Js 项目截图
3、涉及到复杂的数据运算时,要善于使用计算属性
例如案例下面的切换按钮
使用计算属性与使用 methods 方法的区别:
1、使用计算属性(computed):是基于依赖缓存的,当依赖不发生变化时,计算属性的
值就从依赖中获取,函数不会被执行
2、使用 methods 时:函数每次都会被执行,不管数据是否有变化