在之前的vue入门里说过了键盘事件,在vue中也有一些按键指令,会自动帮我们判断按键,先放下demo:
当我在页面按下tab键,
在vue中,帮我们给很多键起了别名,如下:
.tab | .delete (捕获 “删除” 和 “退格” 键) | .esc | .space |
.up | .down | .left | .right |
.ctrl | .alt | .shift | .meta |
.enter |
学习完按键指令,我们继续来学习vue的指令。
v-for指令
遍历数组
遍历对象
遍历json
v-html、v-text、v-bind
由于标签内部的属性vue不支持插值表达式取值,所以我们要使用v-bind指令:
v-bind可以用:代替
v-model
v-if、v-show
v-if是根据表达式的值来决定是否渲染元素
v-show是根据表达式的值来切换元素的display css属性