Vue 父子组件通信

  Vue传值方式，在Angular和VUE的学习中了解了组件的概念，组件就是自定义的元素，包含了一些HTML元素和一些可封装重用的代码。Vue组件同时也是Vue实例，具有相同的生命周期钩子。本篇博客主要讲解如何在父子组件之间进行传值通信操作。

  父子组件的关系可以总结为prop向下传递，事件向上传递。父组件通过prop给子组件下发数据，子组件通过事件给父组件发送信息。

一、父组件传值给子组件

    

        
        
        
这是父组件-----{{ msg }}
    

    

   

效果图：
        
二、子组件给父组件传值

    

        
        
        
这是父组件-----{{ msgFormSon }}
    

    


   

效果图：
      

  以上就是父子组件之间的传值方式，还有组件之间的传值方式，会在下一篇博客中做详细介绍。