Плагины работают так же, как и в любом другом приложении NativeScript, но вы можете задаться вопросом, как модули UI будут работать с Vue.

Использование UI-плагинов очень похоже на использование NativeScript UI-плагинов в приложении на Angular. Рассмотрим пример использования nativescript-gradient, который используется в примере listview sample:

Установите плагин, используя NativeScript CLI:

$ npm install --save nativescript-gradient

Важно: Если вы используете vue-cli-template, вам может потребоваться запустить:

$ npm run clean

Откройте входной файл вашего приложения и добавьте в начале:

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

Затем в вашем шаблоне вы можете использовать новый элемент:

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