Skip to content

Latest commit

 

History

History
40 lines (30 loc) · 1.38 KB

README.md

File metadata and controls

40 lines (30 loc) · 1.38 KB

code style: prettier

Load more posts using Vue.js and WP Rest API

Whats New?

  • Now uses Vue 3@latest (CDN)
  • No server or build step needed, simply run index.html in your browser!

We will go through a minimalist Vue component based example that will fetch posts using WordPress Rest API.

demo

Wouldn't it be cool to use something like this in your markup?

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

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

With an ability to output any markup you desire in html on compile for your styling needs. So the next time you need to make load more for your websites, your HTML markup remains the same.

Or perhaps try something like the code below for another post type.

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