vue兄弟组件传值

1.创建两个组件分别是home.vue组件和news组件


2.在根组件中引入两个组件并实例化


3.在model文件夹新建文件 VueEvent.js


4.在home组件引入VueEvent.js 


5.在home组件定义一个方法


6.home组件中的方法广播数据 第一参数是广播的名字 第二个参数是被传递的值


7.news.js 组件引入VueEvent


8.接收被传递的参数


总结：

1.新建一个js文件，然后引入vue 实例化vue 最后暴露这个实例

2.在要广播的地方引入刚才定义实例

3.通过vueEmit.$emit('名称'，‘数据’)

4.在接收数据 

VueEmite.$on('名称'，function(){

})

©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容

  • Vue基础
    相关概念 混合开发和前后端分离 混合开发(服务器端渲染) 前后端分离后端提供接口，前端开发界面效果(专注于用户的交...
    他爱在黑暗中漫游阅读 7,898评论 4赞 45
  • Vue笔记
    ## 框架和库的区别?> 框架(framework):一套完整的软件设计架构和**解决方案**。> > 库(lib...
    Rui_bdad阅读 8,139评论 1赞 4
  • 最后14课 | 相爱或者死亡
    《最后14堂星期二的课》，美国作家米奇艾尔邦根据个人经历编撰，被果陀改编成中文话剧搬上舞台，整个幕后团队的舞台灯光...
    影秋千阅读 3,607评论 0赞 0
  • 【挑战第16天】越来越喜欢简书
    2017年1月31日 星期二 阴转晴 【早起】05:00 【睡觉】22:00 【学习】诵读《黄帝内经》灵枢5-8章...
    真泥阅读 2,312评论 2赞 3
  • 数据库性能优化详解
    转 # https://www.cnblogs.com/easypass/archive/2010/12/ 08/...
    吕品㗊阅读 13,310评论 0赞 44