<!--1. Vue 中常用的按键别名：回车 => enter删除 => delete (捕获"删除"和"退格"键）退出 => esc空格 => space换行 => tab （特殊，必须配合 keydown 去使用）上 => up下 => down左 => left右 => right注意：按键也开始连着写：@keyup.ctrl.y -- 同时按下 ctrl 和 y 才能触发事件2. Vue 未提供别名的按键，可以使用按键原始的 key 值去绑定，但主要要转为 caps-lock 这种短横线命名方式3. 系统修饰键（用法特殊）：ctrl、alt、shift、meta(1). 配合 keyup 使用：按下修饰键的同时，在按下其他键，随后释放其他键，事件才会被触发(2). 配合 keydown 使用：正常触发事件4. 也可以使用 keyCode 去指定具体的按键（不推荐）5. Vue.config.keyCodes.自定义键名 = 键码，可以去定制按键的别名
-->
<div id="root"><input type="text" @keydown.caps-lock="getValue">
</div>
<script src="../js/vue.js"></script>
<script>Vue.config.productionTip = false;// 定制一个回车按键的别名 -- huiche// Vue.config.keyCodes.huiche = 13;const vm = new Vue({el: '#root',data: {},methods: {getValue(e) {console.log(e.target.value);}}});
</script>
