Vue如何让异步数据先请求完, 在渲染页面

Question

比如data1是一个异步请求数据

<template>
  <ul>
    <li v-for="data1"></li>
  </ul>
</template>
<script>
  export default{
    data: function(){
      return {
        data1: []
      }
    }
  }
</script>

Answer 1

使用v-cloak;
参考官网https://cn.vuejs.org/v2/api/#...
且请求方法写在create里面

Answer 2

在created的时候发送请求，然后将获取的数据传给data1就行了，实在不行再在请求外面封装一层this.$nextTick也行。

created() {
    this.$nextTick(function () {
      this.$http.get(this.$apiurl+'category')
        .then((res) => {
          this.categories = res.data
        })
    })
  },

Answer 3

v-if="data"

Answer 4

不需要，请求数据完成后，组件会自动重新渲染，而在请求数据完成之前一般显示正在加载中等等。

Answer 5

VUE的数据绑定，是实时进行的，异步请求处理完，只要你不给 data 赋值，页面永远不会渲染，想什么时候渲染就什么时候赋值

Answer 6

在 created 中写请求数据的部分

Answer 7

本来就有了数据就渲染页面，你要做的就是出来数据的先后顺序而已

Answer 8

直接给异步请求回来的数据赋值就好了，this.data1={请求回来的数据}，然后调用这个方法就更新了

Answer 9

如果是组件嵌套，子组件的异步请求呢？ 我现在遇到这个问题！你们说的方法都不行