前端八股文-Vue入门教程-按键修饰符,自定义全局指令,beforeCreate,mounted,destory生命周期函数,私有指令,使用钩子函数的第二个binding参数拿到传递的值,

本文详细介绍了Vue的按键修饰符,包括内置的keyup事件修饰符以及如何自定义按键修饰符。同时,文章深入探讨了Vue的自定义全局指令,讲解了如何使用钩子函数的第二个binding参数获取传递的值,并给出了设置DOM元素样式的示例。此外,还涵盖了自定义私有指令的使用以及Vue组件的生命周期函数,如beforeCreate、mounted和destroyed等。
摘要由CSDN通过智能技术生成

v-on的按键修饰符

Vue 内置的按键修饰符
通俗一点讲,指的是:监听键盘输入的事件。Vue 允许为 v-on 在监听键盘事件时添加按键修饰符。如下:监听键盘输入的事件

Vue内置的按键修饰符:

    .enter
    .tab
    .delete (捕获 “删除” 和 “退格” 键)
    .esc
    .space
    .up
    .down
    .left
    .right
    1.0.8+版本:支持单字母的按键别名。

比如说,keyup指的是:键盘(任何键位)抬起时的监听事件。.enter指的是:按enter键的按键修饰符。我们把这两个结合起来看看。

@keyup.enter举例:按enter键后的监听事件

@keyup.enter="addData"表示:按住enter键后,执行addData()方法。全称是v-on:key.enter=“addData”。

我们还是拿01-04这篇

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

学习记录wanxiaowan

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值