Easily inject Vue.js app into WordPress via shortcode.
Author: | Patrick Lai (profile at wordpress.org) |
WordPress version required: | 5.4 |
WordPress version tested: | 5.7.2 |
Plugin version: | 1.0 |
Added to WordPress repository: | 16-05-2020 |
Last updated: | 04-06-2021
Warning! This plugin has not been updated in over 2 years. It may no longer be maintained or supported and may have compatibility issues when used with more recent versions of WordPress.
|
Rating, %: | 100 |
Rated by: | 1 |
Plugin URI: | |
Total downloads: | 1 189 |
Active installs: | 70+ |
Click to start download |
SC-Vue provides a shortcode to inject Vue.js apps
into WordPress pages and posts. For example, the following shortcode
would inject the ‘demo_posts’ app:
[pl2010_vue app="demo_posts"/]
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:
- WP_PLUGIN_DIR/sc-vue/apps/demo_posts/index.js
- WP_PLUGIN_DIR/sc-vue/apps/demo_posts/index.html
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
webpack.js 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.
FAQ
ChangeLog