父组件通过 props 向下传递数据给子组件，子组件通过 events 向上给父组件发送消息。

父组件：
        
    
         
      
          
这是父组件
      
          
        
           
接受来自子组件的内容: 
        
           
{
      {hello}}
      
          
    
         
    
         
      
          
这是子组件
      
              
         
  
        
export default {  components: {    musicsearch  },  data() {    return {      hello: '',      info: ''    }  },  methods: {    transContent(msgs) {      this.hello = msgs;      this.info = msgs;    }  }}

　　

子组件：
        
    
         
      
                
          向父组件发送内容按钮    
         
    
         
      
          接受来自父组件的内容按钮      
          
           {
       {msg}}
          
    
         
  
        
export default {  name: 'girl-group',  props: {    info: ''  },  data() {    return {      msg: ''    }  },  methods: {    sendVal() {      this.$emit('trans', this.$refs.ipt.value)；　　　　//这里在父组件使用v-on来监听子组件上的自定义事件($emit的变化),一旦发生变化click方法里的值就会跟着改变，调用click事件可看到信息    },    click() {      this.msg = this.info;    }  }}