vue render 函数，不能异步返回数据吗？

Question

比如一个select下拉框，里面每一项options 是后台接口动态拿到的，
我需要请求接口，拿到值之后，再在render渲染出来，这样该怎么写？

Answer 1

Vue 是 MVVM 框架，特点是响应式，即数据变化视图就变化。所以你需要做的就是请求完数据把数据保存在本地。用代码表述大概是这样：

export default {
  data() {
    return {
      list: null,
    };
  },
  async beforeMount() {
    const list = await fetch();
    this.list = list;
  }
}

Answer 2

这就是vue和react最大的区别了，react可以纯函数式编程的，vue更多的只能让你先完全固定dom所有的可能的情况，例如component要在哪儿放，结构是如何的，做不到通过render函数任意实现dom的动态渲染。