Title: SC-Vue
Author: Patrick Lai
Published: <strong>16.05.2020</strong>
Last modified: 04.06.2021

---

Поиск плагинов

Этот плагин **не тестировался с последними 3 основными выпусками WordPress**. Скорее
всего, он уже не поддерживается и может быть несовместим с текущими версиями WordPress.

![](https://s.w.org/plugins/geopattern-icon/sc-vue.svg)

# SC-Vue

 Автор: [Patrick Lai](https://profiles.wordpress.org/scoop082110/)

[Скачать](https://downloads.wordpress.org/plugin/sc-vue.1.0.1.zip)

 * [Детали](https://ru.wordpress.org/plugins/sc-vue/#description)
 * [Отзывы](https://ru.wordpress.org/plugins/sc-vue/#reviews)
 *  [Установка](https://ru.wordpress.org/plugins/sc-vue/#installation)
 * [Разработка](https://ru.wordpress.org/plugins/sc-vue/#developers)

 [Поддержка](https://wordpress.org/support/plugin/sc-vue/)

## Описание

SC-Vue provides a shortcode to inject [Vue.js](https://vuejs.org/) 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](https://webpack.js.org/)
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.

## Установка

 1. Upload the plugin files to the ‘_WP\_PLUGIN\_DIR_/sc-vue’
     directory, or install
    the plugin through the ‘Plugin’s screen in WordPress.
 2. Activate the plugin.
 3. 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.
 4. Startg using shortcode `[pl2010_vue app="..."/]`!

## Часто задаваемые вопросы

### 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.

## Отзывы

![](https://secure.gravatar.com/avatar/54811961d3b23e8ab6c0dae58cd00ce1b7eaddb534ab5017dcea4f8577d0052e?
s=60&d=retro&r=g)

### 󠀁[Hey thanks, for uploading this plugin.](https://wordpress.org/support/topic/hey-thanks-for-uploading-this-plugin/)󠁿

 [apesyntax](https://profiles.wordpress.org/apesyntax/) 10.09.2021

I have a question, how can we reference a file from the js folder into our index.
js file? I want to test some things but I am having this small issue, like how should
I type the location for the folder, example: import {fullnames} from './importingVarTest.
js'; I still haven't got the hierarchy, it would be great if is possible, if not
do I just have to use the index.js file for all the js?

 [ Посмотреть 1 отзыв ](https://wordpress.org/support/plugin/sc-vue/reviews/)

## Участники и разработчики

«SC-Vue» — проект с открытым исходным кодом. В развитие плагина внесли свой вклад
следующие участники:

Участники

 *   [ Patrick Lai ](https://profiles.wordpress.org/scoop082110/)

[Перевести «SC-Vue» на ваш язык.](https://translate.wordpress.org/projects/wp-plugins/sc-vue)

### Заинтересованы в разработке?

[Посмотрите код](https://plugins.trac.wordpress.org/browser/sc-vue/), проверьте 
[SVN репозиторий](https://plugins.svn.wordpress.org/sc-vue/), или подпишитесь на
[журнал разработки](https://plugins.trac.wordpress.org/log/sc-vue/) по [RSS](https://plugins.trac.wordpress.org/log/sc-vue/?limit=100&mode=stop_on_copy&format=rss).

## Журнал изменений

#### 1.0

 * First version published.

## Мета

 *  Версия **1.0**
 *  Обновление: **5 лет назад**
 *  Активных установок: **30+**
 *  Версия WordPress ** 5.4 или выше **
 *  Совместим вплоть до: **5.7.19**
 *  Версия PHP ** 7.0 или выше **
 *  Язык
 * [English (US)](https://wordpress.org/plugins/sc-vue/)
 * Метка:
 * [vue](https://ru.wordpress.org/plugins/tags/vue/)
 *  [Дополнительно](https://ru.wordpress.org/plugins/sc-vue/advanced/)

## Оценки

 5 из 5 звёзд.

 *  [  1 5-звездный отзыв     ](https://wordpress.org/support/plugin/sc-vue/reviews/?filter=5)
 *  [  0 4-звездный отзыв     ](https://wordpress.org/support/plugin/sc-vue/reviews/?filter=4)
 *  [  0 3-звездный отзыв     ](https://wordpress.org/support/plugin/sc-vue/reviews/?filter=3)
 *  [  0 2-звездный отзыв     ](https://wordpress.org/support/plugin/sc-vue/reviews/?filter=2)
 *  [  0 1-звездный отзыв     ](https://wordpress.org/support/plugin/sc-vue/reviews/?filter=1)

[Ваш отзыв](https://wordpress.org/support/plugin/sc-vue/reviews/#new-post)

[Посмотреть всеотзывы](https://wordpress.org/support/plugin/sc-vue/reviews/)

## Участники

 *   [ Patrick Lai ](https://profiles.wordpress.org/scoop082110/)

## Поддержка

Есть что сказать? Нужна помощь?

 [Перейти в форум поддержки](https://wordpress.org/support/plugin/sc-vue/)

## Пожертвование

Хотите поддержать улучшение этого плагина?

 [ Пожертвовать на развитие плагина ](https://www.paypal.me/scoop082110)