[Framework7 Vuejs]Привязка асинхронных данных к шаблону с помощью v-for

Есть лучший способ — создание собственного компонента для каждого элемента. Затем вызов countView внутри каждого пользовательского компонента:

TotalView.vue

<template>
  <span v-if = "count !== null">
   {{ count }}
  </span>
</template>
<script>
export default {
  name: 'TotalView'
  props: ['itemId'],
  data: () => ({
    count: null
  }),
  created() {
    this.countView(this.itemId)
  },
  methods: {
    async countView(id){
      let url = 'xxx';
      let filter = {
        where: {
          quizId: id
        }
      }
      try{
        let res = await axios.get(url, filter);
        this.count = res.data.countViews
      } catch(error) {

      }
    }
  }
}
</script>

и используйте это в своем компоненте:

<f7-block>
<f7-col 
  :key = "index" 
  v-for = "(items, index) in list">
  Total views: <total-view :itemId = "items.id" />
</f7-col>