While props allow you to send information into a child component, events allow you to pass data back up. Vue allows you to add custom events to a component, making it completely modular. This video…

Components are used in Vue to create reusable modules. You can then use these modules as building blocks for your larger application. Components support props, which allow you to pass information…

A Vue single file component (SFC) contains the JavaScript, HTML and CSS needed to render and provide functionality for the user. You repurpose use all the same skills you would use if creating a…

The Vue CLI's create command will generate a starter application for you. As with any bootstrapping utility, you will have a series of files automatically created for you. This video will walk you…

As your Vue applications grow larger it can become tricky to manage everything by solely using JavaScript files. To help support reuse and modularity, Vue supports single file components or SFCs. SFCs…

A computed value usually consists of more than one field. The idea is to present a computation, a collection of fields that together form a specific meaning like the sum of a calculation or maybe…

When you build your form, to collect information, you need to ensure the information is correct before sending it to be stored. To do this, you annotate the elements with various attributes with…

When you are looking to save a lot of information that go together, you use something called a form. To send all the information at once, you need a submit button. We'll see how we can create a form…

Collecting input from a user is a very important part of building an app. In HTML, you use input elements to do so. We'll show how to use the v-model directive to create a so-called double binding.…

There are many different events, mouse clicks, keyboard presses, scroll events and so on. Capturing these events means we are responding to user input and are able to change the application…

When you're working with a collection of data such as an array, you may need to display the items in a list or other format. With Vue you can add for loops to your page to display the contents of an…

Whenever you're working with a dynamic application you'll need the ability to work with Boolean logic. Vue allows you to add logic to your page by using a couple of special attributes to add classic…

One of the most common ways to set display dynamically in any web application is by adding or removing CSS classes. In fact, it's so common Vue.js has a special syntax to bind to the class attribute…

Many HTML tags are configured via attributes - images have an src attribute, links have an href attribute, etc. Because we may need to set these dynamically when using a framework, Vue.js provides…

The fastest way to add Vue to an application is to import the library via a content delivery network (CDN), as you would many JavaScript libraries. By adding in the script tag to load JavaScript, you…

Vue has quickly become one of the most popular front-end JavaScript frameworks. Because of its progressive design, you can start adding Vue.js to your existing applications or start creating new ones…