vue---事件绑定 修饰符 组件使用的小tips

事件绑定修饰符

var vm=new Vue({
				el:"#app",
				methods:{
					//1、@click绑定点击事件@click="handelClick"
					//如果用@click="handelClick($event,a,b,c)"可以传参
					handelClick:function(e,one,two,three){
						
					}
				},
				
				//2、@click.preven修饰符 阻止事件的默认行为
				//3、@click.stop 阻止冒泡
				//4、@click.self 只有点击标签本身才会执行 不会执行冒泡上来的事件
					//self要求，click事件只有在e.target和e.currentTarget相等的时候才会触发事件
					//即，触发事件元素和绑定事件元素相等的时候
				//5、@click.once 只绑定一次事件
				//6、@click.capture 事件绑定遵循事件捕获的规则
				//7、@keydown.enter 按键修饰符 控制点击哪个按键时 事件触发 例如enter,esc,delete
				//8、@keydown.ctrl  @keydown.shift  @keydown.alt  @keydown.meta 同时按下键才会执行方法 系统修饰符
				//9、@click.right鼠标右键点击触发 @click.left鼠标左键点击触发 @click.middle鼠标中间键点击
	
				
			})

组件使用的小tips

//使用is解决h5标签的bug 使用组件是使用 
//在vue中子组件的data必须是一个函数 
//在vue中可以通过this.$refs.refname 获取dom节点