首页 > 其他 > 详细

组件传参

时间:2017-07-02 20:16:40      阅读:266      评论:0      收藏:0      [点我收藏+]

一、两个平行组件传参

  1. 新建bus.js

    import Vue from ‘vue‘
    
    export var bus = new Vue()
  2. App.vue里created方法里定义事件

    import { bus } from ‘bus.js‘
    // ...
    created () {
      bus.$on(‘tip‘, (text) => {
        alert(text)
      })
    }
  3. Test.vue组件内调用

    import { bus } from ‘bus.js‘
     // ...
    bus.$emit(‘tip‘, ‘123‘)

二、子组件拿父组件数据

      子组件用 props 接收

三、父组件拿子组件数据

      父组件 $emit

      组件 $on

 

组件传参

原文:http://www.cnblogs.com/guoxianglei/p/7106938.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!