美文网首页
vue 父子之间通信

vue 父子之间通信

作者: 崔高云 | 来源:发表于2017-10-25 00:07 被阅读0次

    最近事情真的是太多了,没有时间来记录学习vue的过程,今天刚好我值夜班,趁这个时候记录下学到的知识。
    在使用vue开发项目的时候,免不了会遇到父子之间进行通信,那么父子之前是怎么通信的呢?

    父组件向子组件传递数据

    下图是父组件代码


    OUV7

    在子组件上添加一个属性,属性值就是要穿入的值

    下图是子组件代码


    ECX9$)4`X1EGD8ES0CX78F1.png

    在子组件上注册props并接收父组件传入过来的值

    子组件向父组件传递数据

    下图是父组件代码


    N0SA3STB%2$D8}$HNF4XR1S.png

    下图是子组件代码

    }132X$4J`{PBUA6X5`%_LCM.png

    相关文章

      网友评论

          本文标题:vue 父子之间通信

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