组件事件

315 阅读1分钟

什么是组件事件?

在组件里抛出的自定义事件,参数是自定义的事件名称和事件的数据,写法如下:

// 子组件抛出事件
this.$emit('自定义事件名',向父组件传递的数据)

// 举例
this.$emit('pageChange',1)
// 父组件接收事件
<pager @自定义事件名="方法名"/>

// 举例
<pager @pageChange="change"/>

methods:{
	change(){
			//  
	}
}

出现的意义是什么?

用于子组件向父组件传递数据。在vue里,数据传递是单向的,子组件不可改变父组件的数据。

概念

image.png

  • 抛出事件:子组件触发了某个事件,自己无法处理,通知父组件处理
  • 事件参数:子组件抛出事件时传递给父组件的参数
  • 注册事件:父组件申明,当子组件发生某件事时,自身做一些处理