最近在做一个WEBAPP项目,在使用$emit、$on做父子、兄弟节点数据传入的时候遇到很多问题,今天总结并分享一下。
一、单页面应用数据传输
Vue.js 的$emit与$on的基本概念我就不描述了,使用它大致是在根节点上定义一个“事件通道”,如下:
也就是另外定义一个Vue的实例,然后我的应用的单页面应用,只有一个根节点,通过router-view来渲染子页面,结构如下:
$emit的意思是“发送”,而$on是监听$on是瞬时的,所以在$emit还没有发送数据,$on就已经在监听了,他们之间需要写一个自定义函数,这个函数个人理解为两者之间的“标示”,用户区分不同的自定义函数,当然$on需要一个回调函数用来接受参数。。。。大致的结构如下: