Не очень хорошая практика использовать v-for и v-if, но если задача чисто теоретическая, то подходит.
var app = new Vue({
el: '#app',
data: {
n: 8,
},
template: ` <div>
<p v-for="(curr, index) in 21" v-if="index + 1 >= n">{{ curr }}</p>
</div>`,
})
<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.17/vue.js"></script>
<div id="app">
</div>
Лучше всего использовать computed property, для подобных задач.
const app = new Vue({
el: '#app',
data: {
n: 8,
all: 21,
},
template: `<div>
<p v-for="curr in rows">{{ curr }}</p>
</div>`,
computed: {
rows() {
return new Array(this.all + 1 - this.n).fill(1).map((_, index) => index + 8)
}
},
})
<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.17/vue.js"></script>
<div id="app"></div>