vuejs-paginator пример html разметки

У меня есть довольно глупый вопрос re: vuejs-paginator, но мне трудно запустить этот пример (я здесь бэкенд-Дев).

Так вот, у меня на голове:

<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.6.10/vue.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/vuejs-paginator/2.0.0/vuejs-paginator.js"></script>

Затем, как описано на странице, у меня есть:

      <script>
        new Vue({
          el: '#app',
          data () {
            return {
              // The resource variable
              animals: [],
              // Here you define the url of your paginated API
              resource_url: 'http://hootlex.github.io/vuejs-paginator/samples/animals1.json'
            }
          },
          components: {
            VPaginator: VuePaginator
          },
          methods: {
            updateResource(data){
              this.animals = data
            }
          }
        });            
      </script>

Теперь, что за F я должен иметь в своем HTML, я понятия не имею, и автор, кажется, говорит, что я использую:

    <v-paginator resource_url="api/animals" @update="updateResource"></v-paginator>

но это, я думаю,только для пагинации. Что за app содержит элемент и где он находится? Документы, кажется, не показывают этого? затем он автор показывает некоторую randomразметку:

<ul>
   <li v-for="animal in animals">
    {{ animal.name }}
  </li>
</ul>

И куда это должно пойти? Я должен иметь app элемент div?