组件传参

标签：ops   str   定义   数据   方法   port   export   com   exp   

一、两个平行组件传参

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

组件传参

标签：ops   str   定义   数据   方法   port   export   com   exp   

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