Vue 中vue-on的使用

v-on的参数问题

情况一：无参数

如果该方法不需要额外的参数，那么方法后面的()可以不添加

情况二：有一个参数

一、可以随意的传入想要的参数
二、只写了括号但是没有写具体的参数值，这是传递的是undefined
三、若在调用方法的时候未添加括号，这时vue会帮助传递的参数为浏览器生成的event事件对象
四、主动使用$event作为参数传递 event事件对象

情况三：需要普通参数和一个event事件参数

主动使用$event传递即可

v-on修饰符

一共五个修饰符

.stop

阻止事件冒泡

.prevent

阻止默认时间的触发

.{keyCode|keyAlias}

监听某个键帽的点击

.native

监听组件，后面讲

.once

某一事件只有在第一次触发时有效

小问题

元素复用问题 在标签中添加key关键字，若两个key不相同则不会复用

v-show

v-if当条件是false时元素不回出现在dom中
v-show 当条件是false时只是增加了一个display：none
在切换频率很高当时候使用v-show，频率很低的时候使用v-if