Build native iOS and Android apps with Vue

Announcing NativeScript-Vue 1.0: Cross-platform building for mobile devs

Jane Elizabeth
© Shutterstock / JpegPhotographer

After a year of hard work and development, NativeScript-Vue 1.0 is finally here! But what does this NativeScript plugin have to offer for mobile developers?

After a lot of hard work and development, NativeScript-Vue 1.0 is ready for use in production! This melding of NativeScript and Vue makes it even easier to build mobile apps. It’s a NativeScript plugin in that allows developers to use Vue.js for creating mobile applications.

This launch comes with a shiny new website and extensive documentation to make it easier to switch over to NativeScript-Vue. Let’s dive right in, shall we?

Why NativeScript-Vue makes sense

There are a lot of options out there if you want to build mobile apps. But NativeScript-Vue brings together two great frameworks for mobile development.

To start with, NativeScript builds apps using native user interface components on iOS and Android. Since the apps are not web-based, they are not subject to the common limitations of WebView-based application frameworks. Cross-platform builds are made easy with an extensive collection of plugins.

Additionally, if you like writing in Vue, you can use the same syntax for common tasks like data binding and event handling. Or, if JavaScript is more your speed, you can write in that language.

However, there are two big things to keep in mind:

  • NativeScript CLI is intended for building iOS and Android apps, not web apps. If you want to make web apps, there are a few extra steps that are needed.
  • NativeScript UI components are a little different; namely, there are no HTML controls like <div>
    and <span>. Check in on some of the new NativeScript components here.

SEE MORE: Nuxt.js 1.0: Make web apps faster than ever with this Vue-based framework

Wait, what is NativeScript?

NativeScript is an open source framework designed to be approachable to developers from all sorts of backgrounds. It’s meant for building truly native mobile applications with JavaScript. NativeScript allows developers to use Angular, TypeScript, or modern JavaScript to create cross-platform, native iOS and Android apps.

For any developers who prefer to use object-oriented programming, TypeScript is a first-class citizen in NativeScript. But, in either case, developers always have the option of using Angular when building the application architecture.

NativeScript is built on several parts: runtimes, core modules, CLI, and plugins. The runtimes enable developers to call APIs in the Android and iOS frameworks using JavaScript code with JavaScript Virtual Machines. The Core Modules are there to provide the abstractions needed to access the underlying native platforms. They also provide a basic XML-based way for defining UI, data-binding and navigation. The NativeScript CLI is the command-line interface that lets you create, build, and run apps.

Finally, the NativeScript plugins are building blocks that encapsulate some functionality and help developers build apps faster (just like the NativeScript Core Modules, which is a plugin). Most are community-built, written in TypeScript/JavaScript.

Have a look at the NativeScript architecture below.


Original image from

SEE MORE: Angular: One framework

Getting NativeScript-Vue

Sounds interesting? NativeScript-Vue is available here or on GitHub. While it is relatively feature complete, there are still a few things missing in the documentation. Also, volunteers are welcome to contribute or create sample apps for the documentation.

Jane Elizabeth
Jane Elizabeth is an assistant editor for

Inline Feedbacks
View all comments