美文网首页
vue数据通信

vue数据通信

作者: day_day_up | 来源:发表于2017-07-06 22:39 被阅读0次

    [图片上传中。。。(1)]##### 1.父组件向子组件传值
    父组件 :变量名="值"

    image.png

    子组件 props方法接收父组件的值

    image.png

    2.子组件和父组件间

    子组件通过$emit,传递当然可以两个参数


    image.png

    这样父组件就能监听到这个时间来触发其他事件

    image.png

    3.$refs调用子组件方法

    image.png image.png

    如果这个组件是v-show的没问题 v-if的就会找不到这个组件 注意!!!!!!!!!

    4.父组件向子组件传值数组变化无法监听

    调用push()不传参数 子组件就更新了

    image.png image.png image.png

    相关文章

      网友评论

          本文标题:vue数据通信

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