內容簡介
SC-Vue 提供一個短代碼來注入 Vue.js 應用程式
到 WordPress 頁面和文章中。例如，以下短代碼
會注入 'demo_posts' 應用程式：
[pl2010_vue app="demo_posts"/]
一個應用程式由兩個檔案組成，index.js 和 index.html。它們位於
在外掛中 'apps' 目錄下的一個名為應用程式名稱的子目錄下。
對於 'demo_posts' 應用程式，這意味著：
WP_PLUGIN_DIR/sc-vue/apps/demo_posts/index.js
WP_PLUGIN_DIR/sc-vue/apps/demo_posts/index.html
index.js Javascript 檔案設置一個初始化函式，
用於創建 Vue 模型。該模型控制一個 SC-Vue 渲染的 <div> DOM 元素；
該 <div> 的內容來自於 index.html。
參見 apps/demo_01 和 apps/demo_02，這是 index.js
和 index.html 的簡單示例。對於一個更複雜和現實的範例，使用
webpack.js 將 Javascript 和樣式打包成單一個 index.js，請參見 apps/demo_posts。
有關更多詳細信息，請查閱 init.php 中短代碼功能的文件。
外掛標籤
開發者團隊
原文外掛簡介
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
SC-Vue renders; the content of that
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.
