使用原生插件

插件可以与任何其他NativeScript应用程序一起工作，但你可能会想知道如何UI插件与Vue兼容。

UI插件的工作方式几乎与在Angular应用程序中使用NativeScript UI插件的方式相同。

示例使用：nativescript渐变

让我们回顾一下如何使用原生脚本渐变。您还可以在listview示例.

使用NativeScript CLI安装插件

当你有为NativeScript开发设置系统，运行以下命令：

$ npm install --save nativescript-gradient

注：如果你的插件不能立即工作，你可能需要通过删除Platforms文件夹来清理项目：

$ rm -rf platforms

在您的应用程序中注册插件

打开你的应用程序入口文件（可能app.js,main.js,app.ts或main.ts)并在顶部添加以下行：

import { registerElement } from "nativescript-vue";

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

这需要在您的Vue例子这个registerElement函数需要以下名称<Element>作为第一个参数，以及一个将插件作为第二个参数返回的函数。按照您在代码中应该调用的方式提供元素名称。提供与其npm包名称完全相同的插件名称。

在您的应用程序中使用该插件

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