实现VUE子父组件调用传值

基本知识

父子组件的关系可以总结为：props down, events up
父组件通过 props 向下传递数据给子组件；子组件通过 events 给父组件发送消息。
1、父组件可以使用 props 把数据传给子组件。
2、子组件可以使用 $emit 触发父组件的自定义事件。

父组件调用传值给子组件

1.Home.vue将userlist和currentUser分别传给相应的子组件userlistcom和chatcom

2.userlistcom.vue使用props:['userlist']，接收对应父组件传来的数据，并进行渲染。

3.chatcom.vue使用props:['currentUser']，接收对应父组件传来的数据，并进行渲染。

子组件调用传值给父组件

1.userlistcom.vue使用this.$emit('chooseuser',index)，调用父组件指定方法，并传值。

2.Home.vue中的chooseuser被调用后执行绑定方法toggleUser。

至此VUE子父组件传值完成。