Vue——03-01v-on的基本使用、参数传递、以及v-on的修饰词

1、v-on的基本使用

比如设置点击事件就使用v-on:"事件"对应的写法为

按钮一 

语法糖写法为： 

按钮一

打印结果：

 这里举个例子：

	
		
		
		
	
	
		

			
{
    {count}}
			      加
			      减
		
		
	

打印结果：

 第二种写法：

	
		
		
		
	
	
		

			
{
    {count}}
				  加
				  减
		
		
	

效果一致

2.参数传递

	
		
		
		
	
	
		

			点击1
			点击2
			点击3
			点击4
			点击5 
			点击6
		
		
	

1. 事件没传参，可以省略()
2. 事件调用方法传参了，写函数时候省略了小括号，但是函数本身是需要传递一个参数的，这个参数就是原生事件event参数传递进去
3. 如果同时需要传入某个参数，同时需要event是，可以通过$event传入事件。

3、vue的修饰词 

1. .stop的使用，阻止冒泡
2. prevent 阻止默认行为。
3. .enter监听键盘事件

 

	
		
		

	
	
		

			

				阻止事件冒泡
			
			

				提交
			
			

				账号
				密码