內容簡介
WP Vue 外掛程式將提供您顯示文章的快速代碼，使用 VUE JS 在頁面上顯示的方式顯示。網頁將顯示為單一頁面應用程式。
WP Vue 的主要功能包括:
使用 Vue-JS 顯示文章
可以限制文章數量 [否則將使用網站設定的預設值]
顯示分頁
單一頁面應用程式
無需重新載入頁面
shortcode和屬性
使用所有預設值
[wp-vue-posts]
使用每頁文章數量選項
[wp-vue-posts posts_per_page=”20″]
使用位移量選項
[wp-vue-posts posts_per_page=”20″ offset=”10″]
使用排序選項
[wp-vue-posts posts_per_page=”20″ offset=”10″ order=”desc”]
排序選項：「desc」為降序，「asc」為升序
使用排序方式選項
[wp-vue-posts posts_per_page=”20″ offset=”10″ order=”desc” orderby=”date”]
排序方式選項：「id」是預設值，其他有效值為「date」、「relevance」、「include」、「title」和「slug」
檔案
wp-vue.php: 開始工作的檔案
wp-vue-template.php：範本檔案，顯示使用 Vue 獲取的值
main.js：主要 JavaScript 檔案，用於創建對文章 API 端點的請求來獲取文章
外掛標籤
開發者團隊
原文外掛簡介
WP Vue plugin will provide you the shortcode to show the Posts using the VUE JS. Page will shows as Single Page Application.
Major features in WP Vue include:
Shows the Posts using Vue-JS
Can limit the posts [ Else will take default value from Site Settings ]
Shows the Pagination
Single Page Appplication
Do Not reload the page.
Shortcode & Attributes
With all default values
[wp-vue-posts]
With Post Per Page Option
[wp-vue-posts posts_per_page=”20″]
With Offset Option
[wp-vue-posts posts_per_page=”20″ offset=”10″]
With Order Option
[wp-vue-posts posts_per_page=”20″ offset=”10″ order=”desc”]
Order Options : “desc” for descending, “asc” for ascending
With Order By Option
[wp-vue-posts posts_per_page=”20″ offset=”10″ order=”desc” orderby=”date”]
Order By Options : “id” is deafult value, other valid values are “date”, “relevance”, “include”, “title”, and “slug”
Files
wp-vue.php : File to start working on
wp-vue-template.php : Template file showing the value fetched using Vue
main.js : Main JavaScript file to create a fetch request to the Post API endpoint to get the posts.