vue中自定义组件的用法

  • 组件的好处就是可以重复使用,坏处就是父子组件之间的通信相对比较麻烦,但是掌握了父子组件之间的通信后组件的应用就很简单了。下面是实战,最后是思路。

1.子组件





2.父组件



注意:

	 1.子组件建好后,然后在父组件中导入并注册
	 2.父组件中有一个值:name="'leader'",子组件可以通过 props属性取得,这里传值只是为了告诉读者子组件如何获取父组件的值
	 3.由于在父组件中已经引入了子组件,在点击组件的时候触发的是子组件中的selectMeetingUsers方法(在企业微信api调用的文章中),选择并显示图片,delPic方法为删除图片
	 4.最后调用invokeEmit方法通过 this.$emit('getLeaderList', this.selectedUserList)将selectedUserList数组传递到父组件的getLeaderList
	 最后说一句:props和this.$emit才是关键

你可能感兴趣的:(前端)