Vue.js is a lightweight, ‘progressive framework’ for building user interfaces. NativeScript integrates with Vue.js to offer a standard way for building cross-platform native mobile apps. If you have used Vue.js before you’ll feel right at home with NativeScript-Vue.


Vue.js is a lightweight framework for building engaging user interfaces. NativeScript powers cross-platform (truly native) mobile apps, using the web skills you already know. Combined they are a fantastic pair for developing immersive mobile experiences.

NativeScript and Vue.js

The lightweight nature of Vue.js makes it perfect for mobile development. In addition, if you are already a Vue developer, much of the Vue syntax and app architecture will seem very familiar. All you need to do in a NativeScript-Vue app is switch the plugin you include at the start, change your app instantiation parameters, and write your front-end templates to use NativeScript modules, rather than web markup.

Getting Started

There are a couple of ways to start using NativeScript-Vue:

  1. The NativeScript Playground is a place in the cloud where you can play around with NativeScript and Vue.js in your browser until you figure out the basics. Use the Playground to start dragging and dropping component code to build your app and preview it on a physical device.
  2. Extend your knowledge of NativeScript-Vue with this comprehensive workshop that dives deep into Vue.js concepts and helps you to build a complete app from beginning to end.
  3. When you get to the point where you are ready to start seriously developing your app, you need to install NativeScript tools locally and then pick a template to start with.
Read also >>  Vue JS 2 Tutorial #33 - GET Requests

Use these resources to continue your journey:


The documentation will help you learn the ins and outs of making truly native mobile applications with Vue.js and NativeScript. View the Docs

Why use Vue.js with NativeScript?

Application Structure and Plumbing

Vue.js provides all of the plumbing necessary to create high quality, highly maintainable apps, and you can reuse a considerable amount of your existing Vue.js knowledge and even web-based code to build your NativeScript-Vue app.

Native Mobile Performance

With NativeScript, you can create zero compromise mobile apps with Vue.js that feature truly native UI and performance. Enjoy glorious 60fps without being a CSS or JavaScript wizard, even on Android. Say goodbye to the mobile jank.

Vue and NativeScript-Vue Community

Tap into the expanding Vue.js developer community to get extra help, training, and reusable code that can be directly applied to NativeScript-Vue mobile projects. Join the community on Slack in the #vue channel to learn more.

Vue Native

Vue Native is a framework to build cross platform native mobile apps using JavaScript

Example Apps

, Vue Native frameworks, Laravel & VueJs, Laravel & VueJs
Hello World Example

Key features

  • Declarative rendering
  • Two-way binding
  • Goodness of Vue ecosystem
  • Compiles to React Native
  • Completeness of React Native ecosystem


  • Provide List without JSX 
  • Support for Animation 
  • Better Debugging & Tracing 
  • Support of Scoped Slot 
  • Support of $emit


The documentation will help you learn the ins and outs of making truly native mobile applications with Vue.js and NativeScript. View the Docs

Read also >>  Password Generator


Please enter your comment!
Please enter your name here