vue 组件中的通讯

改一些公司的之前的项目 , 每个人有每个人的写代码的习惯, 我遇到的是 上个前端开发比较喜欢用组件化开发 ,在父组件中用$ref.组件名.XX的这种写法, 如图
vue 组件中的通讯
vue 组件中的通讯
vue 组件中的通讯
如上图 getCommunityInfos这个函数触发的时候 com_id 改变了 如果用v-if控制LiveRoom的展示时 当com_id改变成不等于1时 执行 this.refs.LiveRoom.getCommunityInfos这个函数时 会报错 可能是liveRoom还没挂载完成 此时页面中并没有liveRoom组件 所以我用v-show 控制liveRoom 的显示 就不会报错了