Easily inject Vue.js app into WordPress via shortcode.

tristup

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.

Sharun John

WP Vue by Shaanz

You can opt for development as well as production for individual post types OR You can globally set an option by going through Settings --> WP Vue.

Patrick Lai

SC-Vue provides a shortcode to inject <a href="https://vuejs.org/" rel="nofollow ugc">Vue.js</a> apps 
into WordPress pages and posts. For example, the following shortcode 
would inject the ‘demo_posts’ app:
<pre><code> [pl2010_vue app="demo_posts"/]
</code></pre>
An app is made up of two files, index.js and index.html. They reside 
in a subdirectory bearing the app’s name under the ‘apps’ directory 
in the plugin. For the ‘demo_posts’ app, that means:
<ul>
<li>WP_PLUGIN_DIR/sc-vue/apps/demo_posts/index.js</li>
<li>WP_PLUGIN_DIR/sc-vue/apps/demo_posts/index.html</li>
</ul>
The index.js Javascript file sets up an initialization function for 
creating a Vue model. That model controls a <div> DOM element that 
SC-Vue renders; the content of that <div> comes from index.html.
See apps/demo_01 and apps/demo_02 for simple examples of index.js 
and index.html. For a more complex and realistic example that uses 
<a href="https://webpack.js.org/" rel="nofollow ugc">webpack.js</a> to packs Javascript and styles 
into a single index.js, see apps/demo_posts. Additional details may 
be found in the documentation of the shortcode function in init.php.

Alternatives to SC-Vue

Top alternatives