Title: SC-Vue
Author: Patrick Lai
Published: <strong>16 Maio, 2020</strong>
Last modified: 4 Junho, 2021

---

Procurar plugins

Este plugin **não foi testado com as 3 últimas grandes versões do WordPress**. Pode
já não ser suportado e pode ter problemas de compatibilidade quando usado com versões
mais recentes do WordPress.

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

# SC-Vue

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

[Descarregar](https://downloads.wordpress.org/plugin/sc-vue.1.0.1.zip)

 * [Detalhes](https://pt.wordpress.org/plugins/sc-vue/#description)
 * [Avaliações](https://pt.wordpress.org/plugins/sc-vue/#reviews)
 *  [Instalação](https://pt.wordpress.org/plugins/sc-vue/#installation)
 * [Desenvolvimento](https://pt.wordpress.org/plugins/sc-vue/#developers)

 [Suporte](https://wordpress.org/support/plugin/sc-vue/)

## Descrição

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.

## Instalação

 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="..."/]`!

## Perguntas frequentes

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

## Avaliações

![](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 Setembro, 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?

 [ Ler 1 avaliação ](https://wordpress.org/support/plugin/sc-vue/reviews/)

## Contribuidores e programadores

“SC-Vue” é software de código aberto. As seguintes pessoas contribuíram para este
plugin:

Contribuidores

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

[Traduza o “SC-Vue” para o seu idioma.](https://translate.wordpress.org/projects/wp-plugins/sc-vue)

### Interessado no desenvolvimento?

[Consulte o código](https://plugins.trac.wordpress.org/browser/sc-vue/), consulte
o [repositório SVN](https://plugins.svn.wordpress.org/sc-vue/), ou subscreva o [registo de alterações](https://plugins.trac.wordpress.org/log/sc-vue/)
por [RSS](https://plugins.trac.wordpress.org/log/sc-vue/?limit=100&mode=stop_on_copy&format=rss).

## Registo de alterações

#### 1.0

 * First version published.

## Metadados

 *  Versão **1.0**
 *  Última actualização **Há 5 anos**
 *  Instalações activas **30+**
 *  Versão do WordPress ** 5.4 ou superior **
 *  Testado até **5.7.15**
 *  Versão do PHP ** 7.0 ou superior **
 *  Idioma
 * [English (US)](https://wordpress.org/plugins/sc-vue/)
 * Etiqueta
 * [vue](https://pt.wordpress.org/plugins/tags/vue/)
 *  [Visualização avançada](https://pt.wordpress.org/plugins/sc-vue/advanced/)

## Classificações

 5 out of 5 stars.

 *  [  1 5-star review     ](https://wordpress.org/support/plugin/sc-vue/reviews/?filter=5)
 *  [  0 4-star reviews     ](https://wordpress.org/support/plugin/sc-vue/reviews/?filter=4)
 *  [  0 3-star reviews     ](https://wordpress.org/support/plugin/sc-vue/reviews/?filter=3)
 *  [  0 2-star reviews     ](https://wordpress.org/support/plugin/sc-vue/reviews/?filter=2)
 *  [  0 1-star reviews     ](https://wordpress.org/support/plugin/sc-vue/reviews/?filter=1)

[Your review](https://wordpress.org/support/plugin/sc-vue/reviews/#new-post)

[See all reviews](https://wordpress.org/support/plugin/sc-vue/reviews/)

## Contribuidores

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

## Suporte

Tem algo a dizer? Precisa de ajuda?

 [Ver fórum de suporte](https://wordpress.org/support/plugin/sc-vue/)

## Doar

Gostaria de apoiar o desenvolvimento deste plugin?

 [ Fazer donativo para o plugin ](https://www.paypal.me/scoop082110)