Vue is a progressive framework. Being progressive means Vue does not seek an exclusive control over your entire project. You can easily integrate Vue with other libraries or existing projects. Vue helps us build user interfaces. There are two types of user interfaces: command line and graphic. …

Scope determines the accessibility or visibility of variables. Traditionally, JavaScript has two types of scope: global and function. ES6 has introduced a new type of scope: the block scope. Typical examples of the block scope include the IF statement, the FOR statement, and the WHILE statement. …

VueX is now in maintenance mode, meaning it is still maintained but won’t receive new features. It is only a matter of time before it is completely replaced by its successor — Pinia. Pinia does the same job as VueX — retrieving data from the backend api via Ajax and…

Starting from this lesson, we will show you how to create transitions and animations in Vue programs. Transitions and animations still generated by native CSS properties. Vue just helps us apply and remove those properties. Third-party CSS libraries, CSS-based or JS-based, are also supported by Vue. In this lesson, we…

Check out the full video course: https://www.udemy.com/course/complete-vuejs-3-course/?referralCode=75F591E320BC4EA22188 Vue 3 introduced the setUp function. It enables us to extract repeatable parts of components into reusable pieces of code. These reusable codes are stored in the form of a function. This function can be used by any component. …

Check out the full video course: https://www.udemy.com/course/complete-vuejs-3-course/?referralCode=75F591E320BC4EA22188 Reactive values often need to be watched. In a component instance, we can watch a reactive value using the watch option or the $watch method. The Vue API also offers us two options. They are the watch method and the watchEffect method. …

Open the application instance, we will find a config property. It has a property named globalProperties. Currently, its value is an empty object. Properties added into this object will be accessible to all components. They will be added into the root level of all component instances. We add an info…

Starting from this lesson, we will learn the render function. It enables us to generate page elements programmatically. Open the Vue API and scroll down, you will find a method named H. The H method is what we use to generate page elements.

Check out the full video course: https://www.udemy.com/course/complete-vuejs-3-course/?referralCode=75F591E320BC4EA22188 In this lesson, we will learn mix-in. It is the simplest way to reuse codes in developing Vue projects. Here, we have two components: one root component and one child component. The options objects of the two components may share the same options…