05——v-on事件监听（计数器，传参问题，手动获取event，v-on的修饰符:@click.stop/@click.prevent/v-on:keyup/@click.once）

1.v-on简单使用案例：计数器

 2.v-on的传参问题

 

3.v-on的修饰符

 1.@click.stop的使用（解决点击事件冒泡）

出现问题：点击事件冒泡

解决方法：

 

 加个.stop

 2.@click.prevent的使用（阻止点击后的默认跳转）

运行结果：

有文字输出并且跳转到百度界面 

 阻止跳转的方法：@click.prevent

注意！！！一定要写在app的div里面

结果：阻止了跳转

3.v-on:keyup

 

 设置按键监听

 

 4.@click.once