# ## 00Vue组件间的通讯方法(小白笔记)

# ## 00Vue组件间的通讯方法(小白笔记)

本博客是本人学习过程中的一些笔记,分享给大家看个乐呵。本人也是小白学生一个,如有不对之处欢迎指正。
组件通信有五种方法。(博主暂时认知,欢迎指正)

一:props
二:vue自定义事件
三:PubSub(消息订阅与发布)
四:slot
五:vuex

** ---------------------------正文--------------------------*:*
一:props
以下为Vue API的说明
# ## 00Vue组件间的通讯方法(小白笔记)
props适合于父子组件之间的通信,使用方法:
可以在父组件中:强制绑定(以下addComment为一个函数方法,也可以传递数据)
# ## 00Vue组件间的通讯方法(小白笔记)
在子组件中
# ## 00Vue组件间的通讯方法(小白笔记)
也可简单写为
# ## 00Vue组件间的通讯方法(小白笔记)
这里只简单写了俩种简单与复杂的,
二:vue自定义事件
vue.js文档教程的说明
vue自定义事件
1.# ## 00Vue组件间的通讯方法(小白笔记)
# ## 00Vue组件间的通讯方法(小白笔记)
2.
父组件中
# ## 00Vue组件间的通讯方法(小白笔记)
# ## 00Vue组件间的通讯方法(小白笔记)
在生命周期回调函数mounted中执行绑定监听的异步代码
三:PubSub(消息订阅与发布)
需要下载js库
npm install --save pubsub-js
(注:可以用info查看消息)

订阅消息
# ## 00Vue组件间的通讯方法(小白笔记)
发布消息
# ## 00Vue组件间的通讯方法(小白笔记)
与自定义事件对比理解:
# ## 00Vue组件间的通讯方法(小白笔记)
调用
# ## 00Vue组件间的通讯方法(小白笔记)
# ## 00Vue组件间的通讯方法(小白笔记)
# ## 00Vue组件间的通讯方法(小白笔记)
四:slot
slot区别以上三种,传递的是标签数据,不仅是数据,一个页面组件重复利用可用slot来进行组件之间的消息传递
# ## 00Vue组件间的通讯方法(小白笔记)# ## 00Vue组件间的通讯方法(小白笔记)# ## 00Vue组件间的通讯方法(小白笔记)
# ## 00Vue组件间的通讯方法(小白笔记)
五:vuex**
暂无

谢谢观看!!