Vue Noob

Learning materials and intuitive tutorials for VueJs developers.

VueJs Components: Reusing Code in Vue

April 10, 2022
Learning about Vue components and how we can use them to write less code.
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 How To: Run VueJs Code Locally

How To: Run VueJs Code Locally

April 2, 2022

If you have just started learning VueJs and are enjoying the journey with the progressive framework, what might be the best way to perfect the learning process than actually practicing the code.

Subscribe to the VueNoob Newsletter

[[[ noty.message ]]]

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