Javascript 如何在vue中将阻塞代码变成非阻塞代码?

Javascript 如何在vue中将阻塞代码变成非阻塞代码?,javascript,vue.js,Javascript,Vue.js,我正在构建一个vue应用程序,它使用遗传算法来寻找最短路径。Im使用谷歌地图api获取距离矩阵,并使用vue2谷歌地图包简化。我的代码将api获取的数据存储到数组中,假设我有7个位置,当从google获取路径A到B距离时,我将其存储在数组中。因此,如果在下一个路由中有路径A到B,我不需要再次发出API请求。例如: #Population 1 Route 1 : 1-2-3-4-5-6-7 = 10km //total distance of route 1 Route 2 : 7-2-1-3-5

我正在构建一个vue应用程序,它使用遗传算法来寻找最短路径。Im使用谷歌地图api获取距离矩阵,并使用vue2谷歌地图包简化。我的代码将api获取的数据存储到数组中,假设我有7个位置,当从google获取路径A到B距离时,我将其存储在数组中。因此,如果在下一个路由中有路径A到B,我不需要再次发出API请求。例如:

#Population 1
Route 1 : 1-2-3-4-5-6-7 = 10km //total distance of route 1
Route 2 : 7-2-1-3-5-4-6 = 20km
Route 3 : 1-2-6-3-4-7-6 = 15km
...
这就是我存储从GoogleAPI调用的路径的方式

savedNodePath={1:
                 {2:1.2km}
                 {4:2km}
                   ...
                          }
其中,我希望创建如下矩阵阵列:

从/到 1. 2. 3. 4. 5. 1 0 3公里 1.2公里 4公里 2公里 2 5.2公里 0 6公里 2公里 11公里 3 8公里 5公里 0 4公里 2公里
我看不出n次调用矩阵api有多大价值,你只需给起点添加7个坐标,给终点添加7个坐标,就可以得到49条路线,如果n=7不是你的问题,而是->
,那么((r)=>{return r;})
什么都不做。哦,谢谢,伙计,我想如果我把7个起点和终点放进去,它只会返回7条结果。这可以帮助我减少对谷歌地图的api请求@基思,天哪,我忘了我为什么这么做了,哈哈,无论如何,谢谢