vue阻止事件冒泡

vue事件修饰

• .stop
• .prevent
• .capture
• .self
• .once

• 
  <a v-on:click.stop="doThis">a>
  
  
  <form v-on:submit.prevent="onSubmit">form>
  
  
  <a v-on:click.stop.prevent="doThat">a>
  
  
  <form v-on:submit.prevent>form>
  
  
  
  <div v-on:click.capture="doThis">...div>
  
  
  
  <div v-on:click.self="doThat">...div>

  
  

			

				按钮
			
			

			var vue = new Vue({
				el:"#oop",
				data:{},
				methods:{
					tap0:function(){
						alert(666)
					},
					tap1:function(){
						alert(999)
					}
				}
			});    

点击tap1不加 .stop ：先弹出999  再弹出666

加 .stop后 就只弹出999；

事件后加修饰符后就会阻止影响默认事件