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.