Los plugins funcionan igual que en [cualquier otra aplicación de NativeScript]((https://docs.nativescript.org/plugins/plugins). En esta sección vas a poder ver como integrar los plugins de UI con Vue.js.

Los plugins de UI funcionan prácticamente igual a la forma en que usarías un plugin de UI en una aplicación con Angular.

Uso de Ejemplo: nativescript-gradient

Revisemos como puedes usar nativescript-gradient. También puedes ver su uso en el ejemplo de listview.

Instalar el plugin usando NativeScript CLI

Luego de haber configurado tu ambiente de desarrollo local, debes ejecutar el siguiente comando:

$ npm install --save nativescript-gradient

NOTA: Si estas usando vue-cli-template, primero debes correr este comando

$ npm run clean

Registrar el plugin en la aplicación

Abre el archivo principal de tu aplicación (entry file, comunmente llamado app.js o main.js) y luego agrega la siguiente linea al comienzo del archivo:

Vue.registerElement('Gradient', () => require('nativescript-gradient').Gradient)

Esta línea de código require y registra el plugin en tu instancia de Vue. La función registerElement recibe el nombre de <Elemento> como primer argumento y una función que retorna el plugin como segundo argumento. Asegurate de proveer el nombre del elemento, exactamente igual a la forma en la que vas a llamarlo en el coódigo y de proveer el nombre del plugin exactamente igual al nombre del paquete de npm.

Usar el plugin en la aplicación

<Gradient direction="to right" colors="#FF0077, red, #FF00FF">
  <Label text="Best gradient." horizontalAlignment="center"
         style="color: white; padding: 20" />
</Gradient>