zoukankan      html  css  js  c++  java
  • vue父组件异步数据子组件接收遇到的坑

     大家都知道父组件给子组件传值,子组件给父组件传值,两者通信并不难,官网上也有给案例,但是如果子组件想拿到父组件的异步数据,常规的写法是不行的,下面我记录我常用的两者写法;

    方法1:

    子组件用v-if,当父组件有数据才渲染;

    data里面定义好要传入的对象,默认值可以是空字符串也可以是空对象;

    子组件props接收父组件传来的参数,然后就可以用this.echartsData获取父组件的值并且使用了

     

    方法2:

    子组件用wach,并且加上deep属性,可以直接在handler里面传入在子组件定义好的方法;

    最后总结一下,为啥在子组件的mounted里面拿不到父组件传过来的异步数据,因为父子组件的加载顺序是这样的,如下图

    其实很好理解这是我朋友给我的形象的解释

    所以说子组件比父组件先mounted,这也就是为啥在子组件的mounted钩子函数里面拿不到父组件传过来的异步数据;

    最后,谢谢我的friends wu and teacher yang,以上纯属个人拙见,还望广大网友包涵,如有意见欢迎评论,指出,谢谢

  • 相关阅读:
    w3c标准
    HTML+CSS理解
    Mybatis源码日记(一)
    Sqlmap学习笔记(三)
    EasyExcel读取跨行单元格数据为空的解决办法
    Sqlmap学习笔记(二)
    Sqlmap学习笔记(一)
    Linux安装运行Typora
    Kafka环境搭建
    Mysql主从配置
  • 原文地址:https://www.cnblogs.com/liujingjing/p/10737285.html
Copyright © 2011-2022 走看看