Learning

Home to Vue learning materials

Beginner

Poster to VueJs Components: Reusing Code in Vue

VueJs Components: Reusing Code in Vue

April 10, 2022

Components have the same structure as the examples that we have been working with up to this moment, i.e. a template part containing HTML markup and a controller part containing the Vue app's logic.

Poster to VueJs Lifecycle Hooks: A Look Into the Lifecycle of a Vue App

VueJs Lifecycle Hooks: A Look Into the Lifecycle of a Vue App

April 8, 2022

When a new Vue component instance is created, it goes through a series of initialization steps such as data observation, template compilation, mounting data to DOM, and data updates. Through these initialization steps, Vue invokes functions - "lifecycle hooks", that give users the opportunity to add custom code at specific points of its lifecycle.

Poster to VueJs Watchers: Responding to data changes in Vue

VueJs Watchers: Responding to data changes in Vue

April 7, 2022

Watchers are another option in Vue as "computed" properties are. We declare watchers by adding a "watch" property inside the Object we pass inside Vue's createApp() function, then passing the names of variables we intend to watch for changes as subsequent functions names inside this property.

Poster to VueJs Directives: Form Binding and Event Handling

VueJs Directives: Form Binding and Event Handling

April 6, 2022

Of the most important activities in web applications is form interaction. We use forms for user authentication, providing feedback in the form of comments and answering online questionnaires, rating things such as books or contributing to polls, filling in address information on e-commerce websites, writing e-mails, and the list goes on.

Poster to VueJs Directives: Class and Style Binding

VueJs Directives: Class and Style Binding

April 5, 2022

We can package component styles in named selectors e.g the class attribute, then change it on state changes, or we can in-line our styles within HTML elements with the style attribute and directly change the styles when the states change.

Poster to VueJs Directives: List Rendering

VueJs Directives: List Rendering

April 3, 2022

In this post we are going to cover list rendering in Vue, simply put, we are going to learn how to list data with the same schema in list-like presentation, within the Vue templates.


Intermediate

Poster to Vue.js Computed Properties in Depth

Vue.js Computed Properties in Depth

March 28, 2022

Computed properties will only re-evaluate when one of their dependencies have changed. This is an important characteristic as it helps save on physical resources, especially when running complex expressions that require a lot of computations.


(On page NaN of .)

Subscribe to the VueNoob Newsletter

[[[ noty.message ]]]

By using this site, you agree that you have read and understand its Privacy Policy.