WordPress simple load more posts using Vue and WP Rest API

Chargez plus de publications à l'aide de Vue.js et de l'API WP Rest

Quoi de neuf?

• Utilise désormais Vue 3@latest (CDN)
• Aucun serveur ou étape de construction n'est nécessaire, exécutez simplement index.html dans votre navigateur !

Nous allons passer en revue un exemple minimaliste basé sur un composant Vue qui récupérera les publications à l'aide de l'API WordPress Rest.

Ne serait-il pas cool d'utiliser quelque chose comme ça dans votre balisage ?

  <posts>
    <post
      class="post"
      :id="post.id"
      :title="post.title.rendered"
      :permalink="post.link">
    </post>
  </posts>

  <button @click="getPosts(page)">Load Posts</button>

Avec la possibilité de générer n'importe quel balisage que vous désirez en HTML lors de la compilation pour vos besoins de style. Ainsi, la prochaine fois que vous aurez besoin de charger davantage vos sites Web, votre balisage HTML restera le même.

Ou peut-être essayez quelque chose comme le code ci-dessous pour un autre type de publication.

  <movies>
    <movie
      class="movie"
      :id="movie.id"
      :title="movie.title.rendered"
      :permalink="movie.link"
      :genre="movie.genre"
      :duration="movie.duration
      :rating="movie.rating">
    </movie>
  </movies>