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.

Screenshots

Categories