(Posts filtered by beginners.)
VueJs Components: Reusing Code in Vue
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.
April 10, 2022VueJs Lifecycle Hooks: A Look Into the Lifecycle of a Vue App
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.
April 8, 2022VueJs Watchers: Responding to data changes in Vue
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.
April 7, 2022Vue.js directives: Form binding and event handling
One of the most important activities in web applications is form interaction. We use forms for a number of activities such as user authentication, providing feedback in comments and responding to questionnaires, rating products, voting in polls, filling personal information on e-commerce websites, writing e-mails, and the list goes on.
April 6, 2022VueJs Directives: Class and Style Binding
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.
April 5, 2022VueJs Directives: List Rendering
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.
April 3, 2022How To: Run VueJs Code Locally
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.
April 2, 2022VueJs Directives: Conditional Rendering in Vue
In this post, we shall cover the Vue directives that help us to perform conditional rendering within VueJs templates.
March 31, 2022Vue.js Directives: Data Binding in Vue
Making the front-end dynamic in web development involves logic that reorganizes or rewrites various nodes of the HTML DOM tree. In simple terms, the HTML in our pages needs to be updated or changed without triggering page reloads.
March 30, 2022VueJs Variables: Data and Computed Properties in VueJs
The data property returns an object that contains our data variables. The data inside is reactive, i.e. any changes made to our variables will be immediately reflected in the app instance.
March 26, 2022Introduction to the VueJs Framework
Vue is incrementally adaptable with numerous libraries inside its ecosystem beyond the core library and is flexible enough to support libraries outside it to enable you to create a more multi-featured sophisticated app.
March 5, 2022
