Beschreibung
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.
Installation
- Upload the plugin files to the ‚WP_PLUGIN_DIR/sc-vue‘
directory, or install the plugin through the ‚Plugin’s screen in
WordPress. - Activate the plugin.
- Install any additional Vue app in ‚WP_PLUGIN_DIR/sc-vue/apps‘.
Note that app name must be simple identifier that begins with a letter
followed by any number of digits, letters, and the underscore. - Startg using shortcode
[pl2010_vue app="..."/]!
FAQ
-
Does this work with WordPress version X?
-
This plugin is developed on WordPress 5.4. It has not been tried on any
other version. -
Does this work with PHP 5.x?
-
This plugin is developed with PHP 7.x. Backporting to PHP 5.x
should not be difficult however.
Rezensionen
Mitwirkende und Entwickler
„SC-Vue“ ist Open-Source-Software. Folgende Menschen haben an diesem Plugin mitgewirkt:
Mitwirkende
Übersetze „SC-Vue“ in deine Sprache.
Interessiert an der Entwicklung?
Durchstöbere den Code, sieh dir das SVN-Repository an oder abonniere das Entwicklungsprotokoll per RSS.
Änderungsprotokoll
1.0
- First version published.