WordPress simple load more posts using Vue and WP Rest API

Cargue más publicaciones usando Vue.js y WP Rest API

¿Qué hay de nuevo?

• Ahora usa Vue 3@latest (CDN)
• No se necesita ningún servidor ni paso de compilación, ¡simplemente ejecute index.html en su navegador!

Revisaremos un ejemplo minimalista basado en componentes Vue que buscará publicaciones utilizando la API Rest de WordPress.

¿No sería genial usar algo como esto en tu marcado?

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

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

Con la capacidad de generar cualquier marcado que desee en html al compilarlo para sus necesidades de estilo. Entonces, la próxima vez que necesite aumentar la carga de sus sitios web, su formato HTML seguirá siendo el mismo.

O quizás pruebe algo como el siguiente código para otro tipo de publicación.

  <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>