Vue中的事件修饰符

Vue中的事件修饰符:

1.prevent: 阻止默认事件 (常用) :
2.stop: 阻止事件冒泡 (常用) :
3.once: 事件只触发一次(常用) :
4.capture:使用事件的捕获模式:
5.self: 只有event.target是当前操作的元素是才触发事件;
6.passive:事件的默认行为立即执行，无需等待事件回调执行完毕;

.Vue中常用的按键别名:

1、 回车 => enter
删除 => delete (捕获“删除”和“退格”键)
退出 => esc
空格 =>space
换行 => tab (特殊，必须配合keydown去使用)
上 => up
下 => down
左 => left
右 =>right
2.Vue未提供别名的按键，可以使用按键原始的key值去绑定，但注意要转为kebab-case(短横线命名)
3.系统修饰键(用法特殊) : ctrl、alt、shift、meta.配合keyup使用:按下修饰键的同时，再按下其他键，随后释放其他键，事件才被触发(2).配合keydown使用: 正常触发事件。
4.也可以使用keyCode去指定具体的按键(不推荐)
5.Vue.config.keyCodes.自定义键名 = 键码，可以去定制按键别名

计算属性::computed

1.定义:要用的属性不存在，要通过已有属性计算得米。
2.原理: 底层借助了objcet,defineproperty方法提供的getter和setter。
3.get函数什么时候执行? (1).初次读取时会执行一次。 (2).当依赖的数据发生改变时会被再次调用。
4.优势: 与methods实现相比，内部有缓存机制(复用) ，效率更高，调试方便。5.备注:
1.计算属性最终会出现在vm上，直接读取使用即可。
2.如果计算属性要被修改，那必须写set函数去响应修改，且set中要引起计算时依赖的数据发生