如何访问存储在此Javascript数组（vue.js）中的变量？

我正在使用Javascript Vue.js框架进行一些练习。 我剪切了以下代码以显示我的问题。我有两个变量，数据部分没有值。 我尝试在一个方法中编辑两个变量。

我在称为“计数器”的数组中存储了两个数字值。

我之前将数据部分中的两个变量（a和b）存储在名为“ values”（带有“ this”）的数组中。

然后，我使用两个for循环来编辑它们。但是，当变量a和b存储在“值”数组中时，我无法访问它们。我认为我的问题是数组“值”。如果我在“ this.a”的最后一个for循环中更改values [i]，则它可以工作。但是如果我想访问数组中存储的变量，则不需要。

我认为这是Javascript问题，但我不知道该如何解决。有人能帮帮我吗？ 我已经在堆栈溢出中查找了一些类似的问题，但是无法将解决方案转移到我的案例中。

最好的祝福。

// Vue.js Model-Part

data: {
   a = '';
   b = '';
}

//A snippet out of the method-part
var one = 13;
var two = 14;

counter = [one, two];
values = [this.a, this.b];

for(var i = 0; i < counter.length-1; i ++){
    for(var position = 0; position < counter[i]; position ++){
        values[i] += "*";
};