再来一套 vue 全面的内容 （二）有源码可以快速上手练习真棒！ 新鲜热乎的 20201011

1）事件处理方式

vue- 事件处理
常规情况存在三种写法
1-1
直接写函数名字
1-2
写函数表达式 需要传入参数时
1-3
直接写js 判断表达式 常规用在取反和赋值这种简单操作

2） 修饰符

vue----事件修饰符
为什么要有这个的概念？ 我们原生js怎么解决这个冒泡时间呢？
冒泡事件指的是 我在子类执行方法之后 父类也会跟着触发


3）
如何阻止默认的冒泡事件 ？ 之前怎么处理的？

4）
vue 怎么处理这个事情 ？
利用事件修饰符 .stop

5)
第二个事件修饰符 .prevent
常规情况下 a标签会默认跳转
input 标签回车后会默认进行submit 提交

原生js 可以使用

vue 使用 事件修饰符 .prevent进行阻止默认事件

.self 检查是不是自己的 只关注自己的

.once 之操作一次 后续点击不生效 比如说 只有一次机会的抽奖事件

3）按键修饰符

3）-1
我们 先想一下 原生js 我们怎么操作的？
操作什么？ 我们想实现一个文本框 框内可添加内容 按下回车之后 会添加上内容

3）-2
vue 按键修饰符 .enter 可以解决 表示回车键 .space 空格键 .up 向上 很多键

还可以直接利用键值进行判断
比如 我想按下 回车键生效 .13 就行 可以灵活对上