1

Getting Started with Vue.js

Vue (pronounced view) is a very powerful JavaScript library created for building
interactive user interfaces. Despite having the ability to handle large single-page

applications, Vue is also great for providing a framework for small, individual use cases. Its
small file size means it can be integrated into existing ecosystems without adding too much

bloat.

It was built to have a simple API, which makes it easier to get started in comparison with
its rivals: React and Angular. Although it borrows some of the logic and methodologies

from these libraries, it has identified a need for developers for a simpler library for building
applications.

Unlike React or Angular, one of the benefits of Vue is the clean HTML output it produces.

Other JavaScript libraries tend to leave the HTML scattered with extra attributes and classes
in the code, whereas Vue removes these to produce clean, semantic output.

In this chapter, we will look at:

How to get started with Vue by including the JavaScript file

How to initialize your first Vue instance and look at the data object

Examining computed functions and properties

Learning about Vue methods