组件事件

组件事件

什么是组件事件？

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

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

// 举例
this.$emit('pageChange',1)
复制代码

// 父组件接收事件
<pager @自定义事件名="方法名"/>

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

methods:{
	change(){
			//  
	}
}
复制代码

出现的意义是什么？

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

概念

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