Vue如何解决数据没有加载完，页面就渲染的问题？

<template>

  <view>

    <--v-if测试条件为true渲染list数据-->

    <view class="list" v-if="flag">

      <view class="item">...</view>

      <view class="item">...</view>

      <view class="item">...</view>

    <view>

  <view>

</template>

data(){

  return {flag: false,//默认数据没加载完}

}

onShow() {this.getList();},

methods: {

  this.flag = false,//数据没加载变量设置为false

  getList() {

  

  request("GET",url,...) {//调用接口

    if(res.data.code == 1) {//有数据

      console.log("res===",res.data.data);

      this.flag = true;//数据加载完后 变量设置为true

    }

  }

  }

}