WordPress simple load more posts using Vue and WP Rest API

使用 Vue.js 和 WP Rest API 加载更多帖子

什么是新的？

• 现在使用 Vue 3@latest (CDN)
• 无需服务器或构建步骤，只需在浏览器中运行index.html！

我们将通过一个基于 Vue 组件的极简示例，该示例将使用 WordPress Rest API 获取帖子。

在你的标记中使用这样的东西不是很酷吗？

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

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

能够在编译时在 html 中输出您想要的任何标记，以满足您的样式需求。因此，下次您需要为网站加载更多内容时，您的 HTML 标记将保持不变。

或者也许尝试像下面的代码那样的其他帖子类型。

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