<tr v-for="i in arr">
<td>{{i.rank}}</td>
<td>{{i.nick}}</td>
<td>{{i.id}}</td>
</tr><td>{{i.rank}}</td>
function yo(url){
let fullUrl = 'www.' + url; // внутренняя, изолированная от внешнего мира переменная.
// возвращаем объект с набором методов
return {
getData : function( fullUrl){
// здесь реализация ф-ции, которая будет использовать урл который мы передали в ф-цию, которая вернула нам объект.
}
}
}
// потом в коде
let dataGetter = yo('ya.ru');
let dataGetter2 = yo('pornhub.ru');
// теперь мы имеем два модуля с нужными нам функциями, но у каждого может быть свой конфиг
dataGetter.getData(); // dataGetter имеет внутри одни настройки
dataGetter2.getData();// dataGetter2 имеет внутри свои настройки
Думаю, это будет несложно, если поймешь суть примера.
Если что-то неясно - спрашивай.
Для ковыряния в небольших кусках кода и экспериментов удобно использовать что-то типа такого :
phptester.net
можно прямо туда вставить этот код , изменить что-то итд.
Удачи!