web学习笔记（六十二）

目录

1.键盘事件

2.KeepAlive

3.组件传值

3.1 兄弟组件传值

3.2 组件树传值

3.3 发布订阅者传值

---

1.键盘事件

keydown表示键盘事件，在不加修饰符的情况下，点击键盘上的任意位置都可以触发键盘事件，

<template>
  <div>
    <!-- -->
    <input type="text" @keydown="keyboard" />
  </div>
</template>

<script setup>
const keyboard = () => {
  console.log("触发键盘事件");
};
</script>

       但是通常我们需要点击指定键然后触发相应的事件，此时就需要用到键盘的修饰符了,  也可以链式调用修饰符，表示同时按下对应的键触发键盘事件。以下是常用按键修饰符汇总:

.enter:	点击enter键触发事件
.tab:	点击tab键触发事件
.delete:	点击delete键触发事件
.esc:	点击esc键触发事件
.space:	点击空格键触发事件
.up:	点击向上方向键触发事件
.down:	点击向下方向键触发事件