美文网首页
vue兄弟组件传值

vue兄弟组件传值

作者: undefind33 | 来源:发表于2018-06-13 18:18 被阅读0次

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组件之间的传值

    Vue父子组件之间的传值（props）兄弟组件 VUEX

  • Vue.js 父子组件传值 . 兄弟组件传值

    概述 vue中组件之间的传值传值情况主要有以下三种 父组件向子组件传值子组件向父组件传值兄弟组件之间相互传值或者是...

  • Day5 拾遗 emit

    vue emit多个参数利用arguments来获取子组件传值或者兄弟组件通过emit传值， 通过argument...

  • 组件通信

    vue传值可分为父子之间传值、兄弟组件之间传值、跨代组件之间传值 1.父子之间传值：可以使用$emit/props...

  • Uniapp兄弟组件传值

    兄弟组件a.vue和b.vue之间的传值方式 a.vue b.vue

  • 2020-03月前端面试题

    vue相关 vue父子组件传值方式有哪些？ 兄弟组件间如何传值？ vuex是用来干什么的？ vuex核心模块有哪些...

  • vue的父子传值和使用vuex兄弟传值

    在父组件中引入子组件 父传子 父组件 子组件 子传父 子组件 父组件 兄弟传值 兄弟之间可以通过vue官网的方法，...

  • VUE03

    Vue组件 组件的创建 组件的指令以及事件绑定 父子组件创建 父子组件通信 兄弟组件的传值 动态组件

  • vue组件传值

    1.兄弟组件传值 兄弟组件之间就需要一个中间值，我在这里称为bus。在vue文件main.js中，我们利用 Vue...

  • 花里胡哨的vue传值

    前言 在vue项目中，不可避免的会在不同组件之间进行传值 ，不同需求下有各式各样的传值方式。就比如说，兄弟组件传值...

网友评论

      本文标题：vue兄弟组件传值

      本文链接：https://www.haomeiwen.com/subject/btcseftx.html

      延伸阅读

      深度阅读

      • 您也可以注册成为美文阅读网的作者，发表您的原创作品、分享您的心情！

      栏目导航

      热点阅读

      关于我们|服务条款|联系我们|vue兄弟组件传值|投稿指南|网站地图|RSS订阅|排版工具|手机版

      提供经典美文摘抄,优美散文欣赏,现代诗歌精选,短篇小说,心情随笔,表白情书范文,故事会在线阅读欣赏

      Copyright © 2014-2023 Haomeiwen.com All Rights Reserved. 好美文阅读网 版权所有

      备案信息：桂公网安备 45052102000051号 · 桂ICP备13007215号-3

      本站所收录作品、热点评论等信息部分来源互联网，目的只是为了系统归纳学习和传递资讯

      所有作品版权归原创作者所有，与本站立场无关，如不慎侵犯了你的权益，请联系我们告知，我们将做删除处理！