Book Image

Vue.js: Understanding its Tools and Ecosystem

By : Dave Berning
Book Image

Vue.js: Understanding its Tools and Ecosystem

By: Dave Berning

Overview of this book

Vue.js is one of the top three “go-to” JavaScript frameworks and is used by organizations such as Nintendo, NASA, and Expedia. This book is primarily focused on the ecosystem of Vue.js and its development tools. Understanding the basics of the technology behind the Vue.js ecosystem will improve your skills and make you a better problem solver. The book begins with a brief overview of Vue.js. You’ll learn to work your way through the Vue command line interface CLI 3, and use the Vue Router library to navigate between the different views of your application. As you advance through the topics, you’ll explore the use of DevTools to improve the quality of your applications and how to implement server-side rendering in your application through the Nuxt.js framework. Toward the end of the book, you’ll read about the future of Vue.js and its growing popularity. After reading this book, you’ll be able to create industry-grade applications using Vue.js and its tools.
Table of Contents (11 chapters)

Differences Between Vue.js and NativeScript

Before you get too far down into NativeScript, let’s point out a few differences between traditional Vue.js development and NativeScript development. For starters, you are not writing HTML. You are writing these HTML-like tags that are really components that convert into native components. For instance, if you want a <p>, in NativeScript you are actually going to write <Label /> instead. The reason being is that <p> does not convert well into the native UILabel and Label components for iOS and Android, respectively. Another caveat is instead of using v-on:click for click events, you are using the @tap="" event for tap events.

Lastly, all of the template markdown in a traditional Vue.js application is actually using string literals instead of the <template /> component in the single-file Vue component format. All of your methods and logic will live above the template still in the form of methods, computed...