Vue 3 introduces a modern, progressive framework written in TypeScript for building client-level web applications. The main area of application of this framework is the creation and organization of the user interface.
It should be noted that Vue 3, although it continues the tradition of Vue.js 2.x and has a lot in common, nevertheless also has some differences. And the Vue development team will continue to release and maintain Vue.js 2.x. Therefore, this guide is dedicated to the Vue 3 version, and regarding the previous version – Vue.js 2.x, the necessary information can be found in the separate Vue.js guide.
The official website of the framework is https://v3.vuejs.org/, where you can find the framework files directly, as well as accompanying materials and documentation. In addition, the project itself is available on github at https://github.com/vuejs/docs-next.
Vue 3 is quite small and still performs well when compared to frameworks like Angular or React, and compared to the previous version, Vue.js 2.x. Therefore, it is not surprising that this framework has been gaining momentum lately and becoming more and more popular.
For this, Vue 3 uses the virtual DOM. The virtual DOM represents a lightweight copy of the regular DOM. If an application needs to know information about the state of elements, then the virtual DOM is accessed. If the data that is used in a Vue 3 application changes, then the changes are first made to the virtual DOM. Vue then chooses the minimum set of components that need to be modified on the web page to match the real DOM to the virtual. Virtual DOM improves application performance.
Vue.js code is many times more concise and understandable
If the estimation is done by the number of lines in the code, then payments.js is only 166 lines. And 30+ go on the appearance of the components slider. It is good, but there are unknown reasons, which help to describe its appearance in the direct way.
The properties and methods are described by the component itself.