vue中如何将数据（异步获取）渲染到模板上？

Question

示例代码如下：
`

<view class="list" v-for="(item,index) in data">
   <view class="item">{{computeDistance(item.bsp4 + ',' + item.bsp5, async1 + ',' + async2)}}</view>
</view>

`
问题：每一项item的值希望通过computeDistance函数计算得到，但是该函数的另外两个参数是异步得到的(async1 async2)。在不支持v-html（uni-app）和computed不支持异步的情况下应该如何解决呢？

Answer 1

首先，你要理解，Vue 是 MVVM 框架，MVVM 框架的特点是数据响应式，即数据发生变化，就修改视图。

所以无所谓你的数据是事先准备好的还是异步获取的，你只要把它赋值到本地变量上就可以了。

Answer 2

数据绑定，会自动更新视图

Answer 3

你可以把数据拿回来后再渲染啊，或者定义个变量放在data中添加监听，数据回来后再更新这个变量视图就会刷新了。