Wp Vue

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:

1. Shows the Posts using Vue-JS

2. Can limit the posts [ Else will take default value from Site Settings ]

3. Shows the Pagination

4. Single Page Appplication

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

1. wp-vue.php : File to start working on
2. wp-vue-template.php : Template file showing the value fetched using Vue
3. main.js : Main JavaScript file to create a fetch request to the Post API endpoint to get the posts.