自我学习汇总：vue篇（进阶篇02）（组件中事件的定义与使用）

组件中定义属于组件的事件：

1.在定义组件时，组件的内部属性methods中创建事件函数，正常使用即可。

例：通过data函数定义数据，通过methods属性定义组件自己的事件并通过事件的绑定进行使用。

向子组件中传递事件并在子组件中调用：

1.通过@自定义事件名="绑定的事件名" 的方式 获取到vue实例中定义的事件函数。

例：
组件使用时绑定vue实例或其他组件中事件函数方式：

vue实例中定义的事件函数：

子组件中调用vue实例中事件的方式：this.$emit(‘自定义事件名’)

总结：

1.什么是组件：
	将功能封装成组件，方便维护与调用。
2.组件的注册：（局部组件）
	定义组件模板、通过vue实例中的components属性进行注册、并通过<组件名></组件名>的方式进行调用。
3.组件的数据传递：
	通过组件的props:[]的方式指定到组件的自定义属性即可获取到静态数据，如想获取动态数据则需要使用v-bind:属性名（或 :属性名）的方式
4.组件中事件的传递：
	通过 @自定义事件名="vue实例或其他组件中定义好的事件名"   的方式进行事件的指定，并在组件中的methods属性中定义的事件函数中，通过this.$emit('组件中的自定义事件名')的方式进行传递，即可在子组件中调用 vue实例或其他组件中定义好的事件函数

汇总：

1.vue的组件是为了实现spa单页面应用，在一个页面中完成多个功能。