Repository files navigation

This plugin integratesVue andNativeScript, allowing you to build cross-platform iOS and Android apps using Vue.

This project is in its very early stages, so please don't try to use it for any actual applications—yet 😄

If you feel like contributing to this project, that’s awesome! Start by readingthis repo’sCONTRIBUTING.MD file for details on the required development setup, how to send pull requests, and how to run this repo’s sample app.

If you’d like to get involved with making Vue integration for NativeScript happen, join us in the #vue channel on theNativeScript community Slack.

Plugins work as in any other NativeScript app, but you may wonder how UI plugin would work with Vue.

UI plugins work almost identical to how you'd use a NativeScript UI plugin in an Angular app. For instance consider this example usage ofnativescript-gradient which is used in thelistview sample:

Install the plugin by running this command in the samples folder:

tns plugin add nativescript-gradient

Open your vue file and right after the imports at the top, do:

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

Then in your view template, add this to recreated the gradient in the sample:

<gradientdirection="to right"colors="#FF0077, red, #FF00FF"class="p-15">  <labelclass="p-5 c-white"horizontalAlignment="center"text="My gradients are the best."textWrap="true"></label>  <Labelclass="p-5 c-white"horizontalAlignment="center"text="It's true."textWrap="true"></Label></gradient>