Javascript Vue数据（this.numberOfBars）在嵌套循环中超出范围

我是vue的新手，无法解决这个问题。在谷歌上花了几个小时却没有任何运气。只要我添加父外观（3中的j）

这个.numberOfBars

就超出了范围。不幸的是，在这个一次性的快速项目中，我根本不知道我不知道什么。谁能帮我解释一下我做错了什么

const-app=新的Vue({
el:“#应用程序”，
方法：{
酒吧（）{
常数条=[]
for（设i=0；i

PI={{bars（）.reduce（（a，b）=>a+（4*b）/Math.pow（this.numberOfBars*j，2，0）}

在模板中，您不需要

此

：

const-app=新的Vue({
el:“#应用程序”，
方法：{
酒吧（）{
常数条=[]
for（设i=0；i

PI={{bars（）.reduce（（a，b）=>a+（4*b）/Math.pow（numberOfBars*j，2，0）}