# ## 00Vue组件间的通讯方法(小白笔记)
# ## 00Vue组件间的通讯方法(小白笔记)
本博客是本人学习过程中的一些笔记,分享给大家看个乐呵。本人也是小白学生一个,如有不对之处欢迎指正。
组件通信有五种方法。(博主暂时认知,欢迎指正)
一:props
二:vue自定义事件
三:PubSub(消息订阅与发布)
四:slot
五:vuex
** ---------------------------正文--------------------------*:*
一:props
以下为Vue API的说明
props适合于父子组件之间的通信,使用方法:
可以在父组件中:强制绑定(以下addComment为一个函数方法,也可以传递数据)
在子组件中
也可简单写为
这里只简单写了俩种简单与复杂的,
二:vue自定义事件
vue.js文档教程的说明
vue自定义事件
1.
2.
父组件中
在生命周期回调函数mounted中执行绑定监听的异步代码
三:PubSub(消息订阅与发布)
需要下载js库
npm install --save pubsub-js
(注:可以用info查看消息)
订阅消息
发布消息
与自定义事件对比理解:
调用
四:slot
slot区别以上三种,传递的是标签数据,不仅是数据,一个页面组件重复利用可用slot来进行组件之间的消息传递
。
五:vuex**
暂无
谢谢观看!!