Vue还没从后端拿到数据后就传递给子组件 props为空的问题

在编辑的时候，接口还没请求完就从data里面传递给子组件空值的问题（初识值为空）
方法一（在父组件中控制显示）：

//声明一个字段resultShow为false，给子组件加一个v-if判断
 <tabsIndexRule
                v-if="resultShow"
                ref="tabscom"
                :where-filters="whereClause"
                :columns="selectColumns"
                @success="handleSuccessEdit"
 />
 // 请求完数据后把resultShow=true

方法二（在子组件watch判断）：

 watch: {
    // watch监听到父组件传递过来的数据后，存到data中去，然后在页面上使用
    msg(newnew, oldold) {
      this.selectColumns =  newnew
    },
    deep:true
	immediate:true
  },

方法三： 不使用props方式父子组件通信，使用事件总线、vuex等